Skip to content

Latest commit

 

History

History

front-end

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Front-end Phase 3

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.

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
  • 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

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

Example Repository

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!