https://github.com/yead191/tutor-lagbe-client
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.
https://github.com/yead191/tutor-lagbe-client
express firebase jwt-authentication mong nodejs reactjs
Last synced: 2 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/yead191/tutor-lagbe-client
- Owner: Yead191
- Created: 2025-01-01T09:01:35.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-25T16:46:53.000Z (about 1 year ago)
- Last Synced: 2026-01-03T14:21:30.815Z (5 months ago)
- Topics: express, firebase, jwt-authentication, mong, nodejs, reactjs
- Language: JavaScript
- Homepage: https://tutor-lagbe-1f6c2.web.app/
- Size: 1.2 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:
```bash
git clone https://github.com/programming-hero-web-course2/b10a11-client-side-Yead191