Skip to content

dugsiiyeinc/Morent

Repository files navigation

MORENT Car Rental Website 🚗

Welcome to the MORENT Car Rental Website project! This repository contains a web-based application designed to provide users with a seamless car rental experience. Built using HTML, CSS, and JavaScript, this site offers a user-friendly interface for finding, booking, and managing car rentals.

Team Members

This project is developed by Group 2 of Group B, consisting of the following members:

  1. Mohamed Abdirahim Mohamed
  2. Ali Alas
  3. Najaad Ahmed Ismail

Table of Contents 📋

Features ✨

1. Home Page 🏠

  • Navigation Bar: Logo, search bar, site links.
  • Hero Section: Dynamic image, call-to-action.
  • Cars Section: Popular and recommended cars.
  • Plans Section: Economy, Standard, Premium packages.
  • Customer Testimonials: User feedback.
  • Pickup & Drop-off: Location options.
  • Meet Our Team: Team introductions.
  • Footer Section: Links, contact info.

2. Category Car Page 🚗

  • Search by Type, Capacity, Price Range, Pickup & Drop-off.

3. Car Details Page 📄

  • Photos: Interior & exterior.
  • Car Rates: User feedback.

4. Car Payment Page 💳

  • Billing & Rental Info: Pickup & drop-off locations.
  • Payment Method, Confirmation.
  • Rental Summary: Car image, rate stars, subtotal, tax, promo code, total price.

5. Signup & Login Page 🔐

  • Account creation and user login.

6. Admin Dashboard 🛠

  • Top 5 Car Rentals, Recent Transactions.
  • Sidebar: Inbox, Calendar, Insights, Settings, Dark Mode.
  • Logout Button, Rental Car Location.

Color Reference

Color Hex
Primary Color #3563E9
Secondary Color #1A202C
Background Color #FFFFFF
Text Color #596780

Deployment 🌐

The website is deployed using Vercel. To deploy your own version, follow these steps:

  1. Install Vercel CLI: ```bash npm install -g vercel ```

  2. Login to Vercel: ```bash vercel login ```

  3. Deploy: ```bash vercel ```

Demo 🎥

Check out a live demo of the project https://car-rent-pink-nine.vercel.app.

Installation 💻

To get a local copy up and running, follow these steps:

  1. Clone the repository: ```bash git clone https://github.com/dugsiiyeinc/Car-Rent-Website.git ```

  2. Navigate to the project directory: ```bash cd morent-car-rental ```

  3. Open `index.html` in your browser to view the website locally.

Usage 🚀

To use the website, simply open `index.html` in a web browser. You can navigate through the different sections, search for cars, view details, book rentals, and manage your account.

Contributing 🤝

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
  3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
  4. Push to the Branch (`git push origin feature/AmazingFeature`)
  5. Open a Pull Request

Technologies Used 🛠

Frontend: HTML, CSS, JavaScript

License 📜

Distributed under the Dugsiiye License. See `LICENSE` for more information.