Car Rental System Documentation

1. Introduction

Our project is about a professional car rental system that provides many services and features, helping a car rental company manage its business efficiently while providing a great user experience for clients.

2. Our Website

Our website has two main parts:

2.1 The User Part

The user part allows users to browse listed cars, search, book, and manage their private profiles.

2.2 The Admin Part

The admin part enables managers to monitor and manage registered users, car listings, bookings, and other administrative tasks seamlessly.

3. The User Part

3.1 The Header

The header includes a navigation bar with links to the Home, About Us, Car Listing, FAQs, and Contact Us pages. It also contains a profile dropdown for settings like profile update, change password, bookings, and sign-out.

3.2 The Main Page

This page offers an overview of the website, listed cars, and easy access to all sections. It features contact info, social media links, statistics, and hot offers on cars. The footer contains links like Terms of Service, Privacy Policy, About Us, Admin Login, and a newsletter subscription form.

3.3 Car List Page

The Car Listing page displays all cars, allowing users to filter by brand and fuel type. Each car has primary details and a button for further details.

3.4 Contact Us Page

A form allows users to send messages with their email, name, and phone number. Contact information for the company is also displayed.

3.5 About Us Page

This page provides general information about the company, its history, and achievements.

3.6 The Profile Menu

A dropdown menu with links to various profile-related pages:

• 3.6.1 Profile Settings: Edit user information such as name, email, phone, address, and country.
• 3.6.2 Update Password: A form to change the user's password.
• 3.6.3 My Bookings: Displays booking history as cards showing car details, booking dates, and statuses.

4. Admin Part

The admin part is accessible via the "Admin Login" link in the footer. It includes a navbar, sidebar, and related pages:

4.1 The Header

The navbar has links for changing password and logging out, and is included on all admin pages.

4.2 The Sidebar

Contains links for all admin pages like Create Brand, Post a Vehicle, Manage Booking, and Registered Users.

4.3 Change Password

A form for changing the admin password, accessible from the navbar.

4.4 Logout

Signs the admin out and ends the session.

4.5 Create Brand

Allows admins to add a new brand to the database through the sidebar link.

4.6 Post a Vehicle

A form for adding vehicle details including title, brand, overview, price, fuel type, model year, seating capacity, images, and accessories.

4.7 Manage Booking

Manages user bookings by displaying details and allowing admins to confirm or cancel bookings.

4.8 Registered Users

Displays registered users and their details, accessible through the sidebar.

5. Main Purpose

• 5.1 Facilitate our car rental company business: Automated processes make management easy for admins.
• 5.2 Make it easy for clients to book a suitable car: Simple, modern interface for seamless user experience.
• 5.3 Organize the whole car rental process: The database ensures all information is managed efficiently.

6. Future Perspective

Planned updates include:

• 6.1 Add Direct Online Payment Methods: For fully automated bookings without admin interference.
• 6.2 Provide Maintenance Services: Attracts car owners needing repair services.
• 6.3 Add a Car Delivery Option: Allows delivery to client locations with online payments.

7. What did we use?

We utilized PHP, CSS, MySQL, and JavaScript, along with Bootstrap and Font Awesome:

7.1 Bootstrap

A front-end framework for responsive, mobile-first development.

• 7.1.1 Pre-designed Components: Includes forms, buttons, navigation bars, cards, and more.
• 7.1.2 Responsive Design: Ensures functionality on all screen sizes.

7.2 Font Awesome

An icon library used for adding icons via class names.

7.2.2 How to Use Font Awesome

<ul class="nav">
  <li><a href="#"><i class="fa fa-home"></i> Home</a></li>
  <li><a href="#"><i class="fa fa-user"></i> Profile</a></li>
  <li><a href="#"><i class="fa fa-envelope"></i> Contact</a></li>
  <li><a href="#"><i class="fa fa-search"></i> Search</a></li>
</ul>