This is a Car Rental web application built with Next.js, TypeScript, and Tailwind CSS.
You can access the deployed application here: Live Demo
- Browse a variety of cars available for rent.
- View detailed information about each car, including specifications, pricing, and availability.
- Filter cars based on various criteria such as car type, brand, and price range.
- Book cars for rental by selecting the desired dates and providing your contact information.
- View your booking history and the status of your current bookings.
- Responsive design for both desktop and mobile devices.
- Next.js
- TypeScript
- Tailwind CSS
- Firebase (for authentication and data storage)
- Axios (for API requests)
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/RitaDee/cars.git
-
Navigate to the project directory:
cd cars
-
Install the dependencies:
npm install
-
Create a Firebase project and set up Firebase Authentication and Realtime Database.
-
Create a
.env.local
file in the root directory of the project and add your Firebase configuration as environment variables:NEXT_PUBLIC_FIREBASE_API_KEY=your_api_key NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your_auth_domain NEXT_PUBLIC_FIREBASE_PROJECT_ID=your_project_id NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your_storage_bucket NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id NEXT_PUBLIC_FIREBASE_APP_ID=your_app_id
-
Start the development server:
npm run dev
-
Open your browser and navigate to
http://localhost:3000
to view the application.
- Browse the list of available cars.
- Use the filter options to narrow down your search.
- Click on a car to view more details and book it.
Contributions are welcome! If you'd like to contribute to this project, please follow these guidelines:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Submit a pull request with a clear description of your changes.
This project is licensed under the MIT License - see the LICENSE file for details.
- Thanks to the Next.js, TypeScript, and Tailwind CSS communities for providing excellent tools and documentation.
If you have any questions or feedback, feel free to contact the project owner:
- GitHub: RitaDee
Thank you for using the Car Rental App! Enjoy browsing and booking your dream car.