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