Car ServiceNext.js 14SupabaseTailwind CSS
CarMitra - Car Service & Accessories
A modern web application designed for car service centers to manage bookings, showcase services, and sell accessories.
Project Overview
CarMitra is a modern web application designed for car service centers to manage bookings, showcase services, and sell accessories. Built with a focus on user experience and administrative efficiency, it streamlines operations for service providers while offering a seamless booking experience for customers.
Key Features & Functionality
🚗For Customers
- Service Discovery: Browse detailed service descriptions.
- Online Booking: Seamless appointment scheduling via dedicated forms.
- Accessories Catalog: Explore and purchase car accessories.
- Testimonials & Reviews: Read and submit feedback.
- Dark Mode Support: Comfortable browsing experience.
- Responsive Design: Optimized for all devices.
🔧For Administrators
- Admin Dashboard: Centralized platform management.
- Booking Management: Track and process service requests.
- Inventory Control: Manage accessories catalog.
- Review Moderation: Approve/reject customer feedback.
- Data Export: Generate Excel reports for analysis.
- Secure Access: Protected routes with authentication.
Technology Stack
Frontend
- Next.js 14 (App Router): Featuring Server Components and Route Handlers.
- React: Component-based UI library.
- TypeScript: Static typing for robust code.
- Tailwind CSS: Utility-first styling with Typography plugin.
- React Hooks: State management.
Backend & Database
- Supabase: Backend-as-a-Service with PostgreSQL database.
- Authentication: Custom JWT-based auth with bcryptjs hashing.
- API: Next.js Route Handlers (Serverless Functions).
Utilities & Features
- Data Export: xlsx library for Excel reports.
- Styling Utils: clsx and tailwind-merge.
- Environment: dotenv for configuration.