Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/zunainaliazam/drivewise
DriveWise is a car rental web application from which user can book their desired vehicle.
https://github.com/zunainaliazam/drivewise
car-rental-service-webapplication car-rental-website
Last synced: 2 months ago
JSON representation
DriveWise is a car rental web application from which user can book their desired vehicle.
- Host: GitHub
- URL: https://github.com/zunainaliazam/drivewise
- Owner: ZunainAliAzam
- Created: 2023-04-29T15:40:28.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-10-21T13:17:41.000Z (2 months ago)
- Last Synced: 2024-10-21T20:30:18.078Z (2 months ago)
- Topics: car-rental-service-webapplication, car-rental-website
- Language: CSS
- Homepage:
- Size: 2.42 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# DriveWise - Rent-A-Car Web Application
**DriveWise** is a seamless and interactive web application designed for easy car rental bookings. The app features a sleek and modern design with a focus on user experience, leveraging HTML/CSS for a clean look, and JavaScript for interactive features. The integration of APIs via Fetch ensures a smooth and effortless booking experience.
[DriveWise.webm](https://github.com/user-attachments/assets/d05725b2-c5ed-45ee-a9c3-6c4724658512)
## Features
- **Responsive Design**: Sleek and user-friendly interface built with HTML and CSS for all device sizes.
- **Interactive Elements**: Modals, buttons, and smooth page navigation powered by JavaScript.
- **User Authentication**:
- **Signup/Signin**: Users can register for an account or log in using their credentials.
- **Logout**: Secure user logout functionality.
- **Car Booking**: Users can browse available cars and book them directly through the app.
- **Real-Time Car Availability**: Integrated APIs using Fetch for dynamic car availability and booking.
- **Effortless Booking Process**: Simple and intuitive booking forms with real-time data submission.
- **Smooth User Experience**: JavaScript enhancements ensure smooth navigation and page transitions.
## Technologies Used
- **Frontend**:
- **HTML5**: For structure and content layout.
- **CSS3**: For styling, responsiveness, and animations.
- **JavaScript (ES6)**: For dynamic content updates, interactive elements, and API integration.
- **APIs**:
- **Fetch API**: For asynchronous requests, making the booking process smooth and interactive.
## Installation
1. **Clone the repository**:
```bash
git clone https://github.com/your-username/rent-a-car-app.git
cd rent-a-car-app
```
2. **Open the app locally**:
Simply open the `index.html` file in your preferred browser to view the app.
Alternatively, if you are using a live server (e.g., with VSCode):
```bash
npm install -g live-server
live-server
```
## Usage
1. **Home Page**:
- Displays available cars for rent with the option to view more details for each vehicle.
2. **Booking**:
- Select the vehicle of your choice and proceed to the booking page, where you can fill out the booking form.
3. **Interactive Features**:
- Click on buttons to open modals for additional car information.
- Smooth navigation between different sections of the website using JavaScript.
## API Integration
- The app fetches real-time data using the Fetch API. It updates the available cars dynamically and processes bookings efficiently.
## Contributing
We welcome contributions! Here's how you can contribute:
1. Fork the repository.
2. Create a new branch (`git checkout -b feature-branch`).
3. Commit your changes (`git commit -m 'Add new feature'`).
4. Push to the branch (`git push origin feature-branch`).
5. Open a Pull Request.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE.txt) file for more details.
## Contact
For any inquiries or suggestions, feel free to reach out to the project maintainer:
- **Your Name** - [Email]([email protected]) | [LinkedIn](https://www.linkedin.com/in/zunain-azam)