clxiu / frontend-2048

Front-end Phase 3

YouTube: https://youtu.be/kcu_WMc_s48

Front End Requirements

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.

Advanced Features List

• UI Scalability with window size (done)
  -> Change all px to vw/rem
• Mobile first development (using media query breakpoints, etc) (done)
  -> Breakpoint when screen is smaller than 1250px and 600px.
• 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 (done)
• OAuth2 with PKCE login w/ at least ONE third party provider
• Clear usage of Websockets
• At least one fluid animation (done)
  -> When a new tile comes out.
• Redux state management
• Demonstration of complex FE logic

Expert Features

• 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