/sw-teams

Mockup of teams page

Primary LanguageTypeScript

SW Frontend Mockup

Hello! Welcome to the SW Frontend Mockup.

Set Up Development Environment

  1. Ensure that you have NodeJS and npm installed (npm version 6.13.7 used)
  2. Clone the repository to your local system: git clone https://github.com/alcen/sw-teams.git
  3. Navigate to the directory of the source code: cd sw-teams
  4. Install required dependencies like ReactJS, TypeScript by running npm install
  5. Once dependencies have been successfully installed, run npm start and it should run Create React App and the TypeScript compiler to generate the web application
  6. You should see a message "Compiled successfully!". Once this appears, navigate to http://localhost:3000/ to use the application using your favourite web browser
  7. For an optimal experience, try these recommended web browsers:
    • Mozilla Firefox (tested on version 73.0)
    • Google Chrome (tested on version 80.0.3987.116)

Features

  • Ability to set favourite teams

Set teams as favourite

  • Working favourites and archived tabs

Favourites tab

  • Search for a team

Search for a team

  • Create new teams

Creating a new team

New team created successfully!

Credits

This project was bootstrapped with Create React App.

Components used: Material UI