Tutor Booking Platform — Frontend 🎨

Modern, responsive, and intuitive frontend for the Tutor Booking Platform.

🔗 Live URLs

• Live Application: https://tutor-booking-frontend.vercel.app
• Backend API: https://tutor-booking-backend.vercel.app

📝 Project Description

The Tutor Booking Platform frontend provides a seamless experience for students to find and book tutors, and for tutors to manage their schedules and sessions. Built with performance and accessibility in mind, it features a sleek dark-themed UI with real-time updates and interactive dashboards.

✨ Features

• Dynamic Dashboards: Personalized views for Students, Tutors, and Admins.

• Easy Booking: Interactive calendar and slot selection for tutoring sessions.

• Secure Auth: Seamless login and registration with Google and Email.

• Payment Flow: Integrated Stripe checkout for session bookings.

• Real-time Notifications: Instant feedback via Sonner and SweetAlert2.

• Responsive Design: Fully optimized for mobile, tablet, and desktop views.

• PDF Reports: Export session data and summaries to PDF.

🤖 AI-Powered Features

The platform integrates advanced AI capabilities powered by Groq (Llama 3.3) to enhance the user experience:

• TutorAI Assistant: A persistent, intelligent chatbot available across the platform to assist with navigation and platform queries.
• Smart Tutor Matching: Find the perfect tutor using natural language search—simply describe your learning goals.
• AI Tutor Insights: Data-driven business advice for tutors to help grow their teaching practice and improve student retention.
• AI Bio Generator: Helps tutors craft professional, engaging biographies in seconds.

🛠️ Technologies Used

• Framework: Next.js (App Router)
• Language: TypeScript
• AI Integration: Groq Cloud API (Llama-3.3-70b)
• Styling: Tailwind CSS
• State Management: TanStack Query (React Query)
• UI Components: Shadcn UI, Lucide React
• Data Fetching: Axios
• Forms: React Hook Form + Zod
• Utilities: clsx, tailwind-merge, date-fns
• Charts: Recharts (for AI Insights)

⚙️ Setup Instructions

1. Clone the repository:

   git clone <repository-url>
   cd tutor-booking-frontend

2. Install dependencies:

   npm install

3. Environment Setup: Create a .env.local file in the root directory:

   NEXT_PUBLIC_API_URL=https://tutor-booking-backend.vercel.app/api/v1
   NEXT_PUBLIC_GROQ_API_KEY=your_groq_api_key_here

4. Run in Development:

   npm run dev

5. Build for Production:

   npm run build
   npm start