Skip to content

EngrMunir/Tutor-Link-Frontend

Repository files navigation

🎓 Tutors Connect

Tutors Connect is an educational web platform that helps students effortlessly find, connect with, and book the best tutors for their academic needs. Whether you're a student looking for a qualified tutor or a tutor offering your teaching services, Tutors Connect makes it easy and efficient.

🚀 Live Demo

https://tutor-link-frontend-nine.vercel.app


🌟 Core Features

  • Search & Discover Tutors: Filter by subject, rating, availability, location, and more.
  • Secure Booking System: Students can view tutor availability and book directly.
  • Tutor Profiles: Comprehensive tutor bios, subjects taught, reviews, and pricing.
  • Student Dashboard: Manage bookings, review tutors, and track payment history.
  • Tutor Dashboard: Manage availability, bookings, earnings, and subjects.
  • Educational Blog: Stay updated with the latest education tips and platform updates.

👥 User Roles

🧑‍🎓 Student

  • Browse and filter tutors.
  • Book sessions with preferred tutors.
  • View booking and payment history.
  • Review tutors after sessions.

🧑‍🏫 Tutor

  • Register and create a professional profile.
  • Set available time slots.
  • Manage incoming booking requests.
  • Track session earnings.

🌐 Public Routes

1. 🏠 Home Page

  • Hero section with a search bar.
  • Highlights of platform features.
  • Testimonials from users.
  • Calls-to-action for sign up (Student & Tutor).

2. 🔍 Browse Tutors

  • Dynamic filters: subject, rating, price, availability, location.
  • Sorting: relevance, rating, price, newest.
  • Tutor cards displaying key info.

3. 👤 Tutor Profile

  • Introduction, bio, and qualifications.
  • Subjects taught and hourly rates.
  • Availability calendar for booking.
  • Ratings and student reviews.
  • Contact or request tutoring.

4. 📘 About Us

  • Mission and vision of Tutors Connect.
  • Meet the team.
  • Real-life success stories.

5. ❓ FAQ

  • Organized into categories (Tutoring, Payments, Account, etc.).
  • Questions like: How to book a tutor? Can I cancel a session?

6. 📰 News/Blog

  • Study tips, education trends, and platform updates.
  • Search functionality for articles.
  • Uses an open-source blog/news API.

🔐 Private Routes

📚 Student Dashboard

  • Profile management.
  • Booking and payment history.
  • Tutor review system.

🎓 Tutor Dashboard

  • Profile and subjects management.
  • Accept or reject booking requests.
  • Availability slots and earnings tracking.

💳 Checkout Page

Secure Step-by-Step Payment Flow:

  1. Tutor Confirms the session request.
  2. Student selects months and total hours.
  3. Total cost is calculated based on the tutor’s hourly rate.
  4. Payment is processed using SSLCommerz, Stripe, or PayPal.
  5. Tutor earnings are updated automatically.

💻 Frontend Requirements

  • Built using React (Recommended).
  • State management with Redux or Context API.
  • RESTful API or GraphQL backend integration.
  • Dynamic filter and sort components.
  • Responsive design across all devices.
  • Clean and intuitive UI/UX with an education-themed design.

🎨 UI/UX Features

  • Fully responsive design.
  • Clean typography and color palette.
  • Modern interactive elements (e.g., search filters, booking modals).
  • Icons and illustrations tailored to education.
  • Smooth animations and transitions.

🔧 Tech Stack (Suggested)

  • Frontend: React, Tailwind CSS, Axios
  • Backend: Node.js, Express.js, MongoDB
  • Authentication: JWT, OAuth (Google Login optional)
  • Payments: Stripe, PayPal, SSLCommerz integration
  • Deployment: Vercel (frontend), Render or Railway (backend)

📦 Installation (For Developers)

git clone https://github.com/your-username/tutors-connect.git
cd tutors-connect
npm install
npm run dev

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •  

Languages