PlayTime Sports

A web application that allows student to book and attend sports classes on the summer vacations.

Welcome to PlayTime Sports! This client-side readme provides an overview of our project and highlights its key features and technologies.

Features

1. Login System with Multiple Authorization: My website offers a secure login system with different authorization levels for students, instructors, and admins. Each user type has specific privileges and access levels.

2. Secure Routing: I have implemented private routes, admin routes, and instructor routes to ensure secure navigation and protect sensitive information.

3. Stripe Payment System: PlayTime Sports integrates the Stripe payment system, allowing student to make secure online payments for enroll to a classes.

4. Frontend Security and Asynchronous Data Updates: I utilize Axios interceptor and Tenstack Query to enhance frontend security and update data asynchronously.

5. JWT Authentication: I use JWT (JSON Web Token) for data authorization from the backend side. This ensures secure and authenticated communication between the client and server.

6. Class Management: Instructors can add classes, and admins have the ability to verify and provide feedback on these classes.

Technology

• Frontend: React JS
• CSS Framework: Tailwind CSS
• HTTP Library: Axios
• Animation Library: Lottie, Framer Motion, React Awesome Reveal
• Data Fetching: Tanstack Query
• Payment Gateway: Stripe
• Backend Framework: Express JS
• Database: MongoDB

Live Site

Check out my live site at https://playtime-sports.web.app/.

Getting Started

To get started with PlayTime Sports, you will need to:

1. Clone the repository
2. Install the dependencies
3. Run the development server