This project is a fully-featured car driving course website developed for a client to advertise their driving school business. The site offers a smooth user experience, secure payment processing, and real-time database interaction.
Features
- Responsive Design: Built with Next.js to ensure a seamless experience across all devices.
- User Authentication: Implemented using Supabase, allowing users to securely sign up, log in, and manage their accounts.
- Course Booking: Users can browse available driving courses, select, and book them directly on the website.
- Payment Processing: Integrated Stripe for secure payment transactions.
- Email Notifications: Automated email notifications and communication using Resend.
Technologies Used
- Next.js: React framework for building the front-end and server-side rendering.
- Supabase: Managed backend for handling authentication, database, and real-time updates.
- Stripe: Payment processing integration for handling course fees.
- Resend: Email service used for sending automated notifications and communication.
Installation
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/yourusername/drive2learn.git cd drive2learn -
Install dependencies:
npm install -
Environment Variables: Create a .env.local file in the root of your project and add your environment variables:
NEXT_PUBLIC_SUPABASE_URL=your-supabase-url NEXT_PUBLIC_SUPABASE_ANON_KEY=your-supabase-anon-key STRIPE_SECRET_KEY=your-stripe-secret-key RESEND_API_KEY=your-resend-api-key -
Run the development server:
npm run dev
The application should now be running on http://localhost:3000.
Usage
- Navigate to the homepage to view available driving courses.
- Sign up or log in to your account to book a course.
- Follow the payment process via Stripe to confirm your booking.
- Check your email for a confirmation message and further instructions.
Thank you for checking out Drive 2 Learn!