Todos

Phase I - Project Setup

Dev setup

• Create a React App with Create-React-App & typescript.
• Set up Eslint & Prettier with custom configuration.
• Set up source code Analysis & Documentation tools.
• Add Necessary development scripts in package.json.
• Add First Unit tests.
• Set up test cover tracking tool: Codecov
• Add necessary @types libraries.
• Configure & Add vscode settings.
• Add initial meta files: Readme.md and CODEOWNERS
• Set up a CI/CD using travis.

Prod Setup

• Add redux, redux/toolkit for game state management.
• Add react-router-dom and integrate with redux store.
• [ ] Setup Rxjs and redux-Observable ( Not needed for now)
• Add modular css library: styled-component.
• Setup initial theme file.

Phase II - Website Static Layout

Dev preparation

• Re-organize project structures and hierarchy.
• Add Starting point pages
• Add a Layout Component with Routes.

Development

• Build a css theme from the figma design.
• Add Pictures assets. (WIP)
• Add Icons assets: Fontawesome5 as SVG
• Add Fonts assets. (WIP)
• Reset default browser styles.
• Layout:
  • TopBar for Navigation.
  • SideBar for Social Media.
  • Main for Page Content.
  • Footer for Quick Links & Info. (WIP)
  • Styling using styled-component and pure CSS. (WIP)
  • Responsiveness (WIP)
  • Unit Testing
• Home Page
• About the game Page
• Contact Page