https://github.com/arrafi2644/learnlang-client
learnLang is an online tutor booking platform designed to help users connect with language tutors worldwide. This platform provides an easy-to-use interface to browse tutors, book tutor, review, add tutorial making language learning accessible and effective.
https://github.com/arrafi2644/learnlang-client
daisyui expressjs firebase mongodb nodejs reactjs tailwind-css
Last synced: 3 months ago
JSON representation
learnLang is an online tutor booking platform designed to help users connect with language tutors worldwide. This platform provides an easy-to-use interface to browse tutors, book tutor, review, add tutorial making language learning accessible and effective.
- Host: GitHub
- URL: https://github.com/arrafi2644/learnlang-client
- Owner: Arrafi2644
- Created: 2025-01-05T05:48:57.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-25T17:44:12.000Z (about 1 year ago)
- Last Synced: 2026-01-03T12:25:49.776Z (6 months ago)
- Topics: daisyui, expressjs, firebase, mongodb, nodejs, reactjs, tailwind-css
- Language: JavaScript
- Homepage: https://learn-lang-85203.web.app
- Size: 279 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# learnLang
**learnLang** is an online tutor booking platform designed to help users connect with language tutors worldwide. This platform provides an easy-to-use interface to browse tutors, book tutor, review, add tutorial making language learning accessible and effective.
## Live Link: https://learn-lang-85203.web.app
## Features
- **Tutor Browsing:** Users can search for tutors based on language category.
- **Book Tutor:** Users can book tutor.
- **Search:** Users can search base on language or name to find tutor.
- **Sort:** Users can use short functionality to find tutor base on price.
- **Filter:** Users can use filter functionality to find tutor base on language.
- **Review:** User can give review his favorite tutor.
- **Add Tutorial:** Anybody who is logged in he/she can add tutorial.
- **Responsive Design:** Fully responsive and optimized for all devices.
## Technologies Used
- **Frontend:** React, Tailwind CSS, DaisyUI, Axios, Tanstack Query, React Hot Toast
- **Backend:** Node.js, Express.js
- **Database:** Firebase for authentication and MongoDB for data management.
## 🛠Installation
1. **Clone the repository**:
git clone https://github.com/Arrafi2644/LearnLang-Client.git
cd learnlang
#### Install dependencies:
npm install
#### Set up environment variables:
Create a .env file in the root directory and add the following:
VITE_apiKey=your_api_key
VITE_authDomain=your_auth_domain
VITE_projectId=your_project_id
VITE_storageBucket=your_storage_bucket
VITE_messagingSenderId=your_messaging_sender_id
VITE_appId=your_app_id
#### Start the development server:
npm run dev
#### Build for production (if needed):
npm run build
#### Preview the production build:
npm run preview