Skip to content

Latest commit

 

History

History
56 lines (44 loc) · 2.49 KB

README.md

File metadata and controls

56 lines (44 loc) · 2.49 KB

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