PTBC 10 Project 1 Submission - Bobby Liu

[liurm97]

For project 1, I have developed a multi-paged badminton player statistics web application using React, TailwindCSS & shadcn/ui library. I believe that the app has checked the requirements of the project.

Please also refer to README.md for more details of the app.

User Interface

1. Landing page that contains CTA button for users to begin navigating to the badminton category of choice.
2. About page that provides a high level description of the website.
3. FAQ page that answers a list of common questions about the platform.

Functionality

1. Button to choose a badminton category of choice
2. Dashboard to view a badminton player's profile
3. Player card to view detailed information of a badminton player.

Technical Specifications

1. React & React Router to redirect users between the pages
2. TailwindCSS to style the components
3. shadcn/ui modern UI library to create beautiful modern components

How to run the application

1. git clone to clone the repo locally
2. Navigate to /Smashboar folder
3. npm install to install the required modules
4. npm run dev to run the app in disabled-web-security mode

Wireframe

Figma Wireframe Link