Welcome to Phase 3! Congratulations for making it so far. For Phase 3, the requirement is to implement some more advanced features that are a bit more involved or difficult to get working.
To pass phase 3 for the front-end, you will need to have any five of the following advanced features, or any two of the extra for experts features.
- UI Scalability with window size
- Mobile first development (using media query breakpoints, etc)
- Storybook w/ both actions and interactions (play)
- Progressive Web App (PWA) functionality w/ clear use of the service worker
- API connection to your own API that is cloud hosted
- Comprehensive unit testing
- OAuth2 with PKCE login w/ at least ONE third party provider
- Clear usage of Websockets
- At least one fluid animation
- Redux state management
- Demonstration of complex FE logic
- A YAML CI/CD pipeline which builds and deploys a containerised application to either Azure or AWS, which is configured to use environment variables correctly.
- Usage of SSR / SSG with at least three of the advanced features
- Usage of Terraform to structure and provision a cloud environment, which is incorporated into a CI/CD pipeline
The following front-end code is meant to be a reference, as to how you could implement some of these advanced features. This assignment is going to be tough, and we're sure you're going to have a lot of questions. Please ask them over on the discord server, where we will respond ASAP!