TutorLagbe?

TutorLagbe? is a React-based web application that connects users with language tutors from around the globe. Users can explore available tutors, book tutorials, and even add their own tutorials. The platform ensures a secure and seamless user experience through features like Firebase authentication and JWT-based security.

Technologies Used

• Frontend: React, React Router DOM, Tailwind CSS, DaisyUI, React Icons, React Framer Motion
• Backend: Node.js, Express.js
• Database: MongoDB
• Authentication: Firebase Authentication
• Security: JSON Web Tokens (JWT)
• Other Features: Pagination

Key Features

1. Find Tutors: Browse and search for tutors offering language lessons worldwide.
2. Add Tutorials: Users can create and list their own tutorials for others to book.
3. My Booked Tutorials: View and manage tutorials that a user has booked (Private Route).
4. My Added Tutorials: Manage tutorials added by the user (Private Route).
5. Secure Authentication: Firebase for email/password and Google-based login, with additional JWT security for sensitive operations.
6. Pagination: Navigate through large data sets efficiently.
7. Interactive UI: Smooth animations using React Framer Motion for an engaging user experience.

React Fundamentals Used

• Functional components and React hooks (useState, useEffect, useContext)
• React Router for page navigation
• Props and state management for data handling
• Conditional rendering for private and public routes

Data Handling and Management

• Database: MongoDB for storing tutorials and user data
• Backend: Node.js and Express.js to create RESTful APIs
• Authentication: Firebase Authentication for secure user management
• Security: JWT for protected routes and sensitive API requests
• Pagination: Efficiently loading data in chunks to improve performance and user experience

Pages Overview

1. Find Tutors: Discover and explore language tutors.
2. Add Tutorials: A form for users to add new tutorials.
3. My Booked Tutorials (Private Route): View tutorials booked by the user.
4. My Added Tutorials (Private Route): Manage tutorials created by the user.

Live Website

https://tutor-lagbe-1f6c2.web.app/

Installation and Setup

1. Clone the repository:

   git clone https://github.com/programming-hero-web-course2/b10a11-client-side-Yead191