Project Report

1
 CAR RENTAL WEBSITE

A PROJECT REPORT

Submitted by

NAME OF THE CANDIDATE(S)

Pratap Kumar, Sahil Rattan,Aakash Sharma

In partial fulfillment for the award of the degree of

MCA

Chandigarh University
Academic session- 2023-2025
-

2
 A PROJECT REPORT

Submitted by

Pratap Kumar(23MCA20608),Sahil Rattan(23MCA20609),

Aakash Sharma(23MCA20623)

In partial fulfillment for the award of the degree of

MCA

ChandigarhUniversity

Academic sesion-2023-2025

3
 BONAFIDE CERTIFICATE

Certified that this project report “CAR-RENTAL” is the bonafide work of

Sahil Rattan,who carried out the project work under my/our supervision.

SIGNATURE SIGNATURE

Dr. Krishan Tuli Mr. Sachin Raj

(HOD) (SUPERVISOR)

4
TABLE OF CONTENTS
CHAPTER 1: INTRODUCTION
CHAPTER 2: LITERATURE REVIEW/BACKGROUND STUDY
CHAPTER 3: DESIGN FLOW/PROCESS
CHAPTER 4: RESULTS ANALYSIS AND VALIDATION
CHAPTER 5: CONCLUSION AND FUTURE WORK
REFERENCES
APPENDIX
USER MANUAL

5
 ABSTRACT

The Car Rental project is developed to streamline the process of booking, managing, and tracking
rental vehicles for small and medium-sized rental businesses. Built using React, HTML, and CSS, the
application offers a modern and user-friendly interface that allows customers to browse available
vehicles, make reservations, and manage bookings efficiently. For administrators, the system
provides tools to oversee fleet availability, customer details, and rental transactions in real time.

The project integrates a back-end database to ensure centralized management of vehicle

inventories, customer profiles, and rental records. This centralized approach enhances data
consistency and accessibility, supporting day-to-day operations and decision-making. Key features
include vehicle search and filtering, booking management, rental history tracking, and basic
analytics for monitoring fleet utilization.

Emphasizing responsive design and intuitive navigation, the system ensures a seamless experience
across devices. While it currently lacks advanced features such as dynamic pricing algorithms or
GPS-based vehicle tracking, the project successfully delivers essential car rental functionalities that
improve operational efficiency and customer satisfaction for rental businesses

6
CHAPTER 1: INTRODUCTION

Identification of Client/Need/Relevant Contemporary Issue

Our Car Rental project aims to serve small and medium-sized enterprises (SMEs) that require an
efficient digital platform to manage rental operations. As transportation businesses shift towards
online services, there is a rising demand for affordable, intuitive, and scalable car rental systems to
handle vehicle listings, customer bookings, and rental workflows effectively.

Identification of Problem

Most car rental businesses rely on manual operations or complex third-party tools that are either too
costly or not tailored for smaller businesses. This leads to challenges in managing bookings,
tracking vehicle availability, and delivering a smooth customer experience.

Identification of Tasks

- Task 1: Identify user needs and study existing car rental platforms.

- Task 2: Design UI for vehicle listing, booking, login, and dashboard.

- Task 3: Develop frontend using HTML, CSS, and React.

- Task 4: Integrate session-based user handling.

- Task 5: Test the system across devices and browsers.

- Task 6: Finalize report and presentation for submission.

1
Organization of the Report

- Week 1: Requirement gathering and planning.

- Week 2: UI/UX mockups and tool selection.

- Week 3: Page development and structure setup.

- Week 4-5: React integration and booking logic.

- Week 6: Testing, bug fixing, and improvements.

- Week 7: Report creation and presentation preparation.

This report is structured into five chapters.

Chapter 1 introduces the project goals and motivation.

Chapter 2 presents background research and literature review on car rental systems.

Chapter 3 outlines design methodology and architecture.

Chapter 4 provides insights into implementation and testing.

Chapter 5 concludes the work and discusses future upgrades. The report ends

Chapter 2: Literature Review/Background Study

discusses the evolution of CRM systems, reviews existing solutions, and presents a bibliometric
analysis to highlight relevant research in the field. This chapter concludes by defining the problem
statement and setting specific goals and objectives for the project.

Chapter 3: Design Flow/Process

then describes the selection of features, evaluation of design constraints, and the overall
development methodology. It details the design flow, feature analysis, and the implementation plan
used to build the CRM system.

Chapter 4: Results Analysis and Validation

2
presents the outcomes of the project, discussing the implementation of the CRM solution and
validating the results. This is followed by

Chapter 5: Conclusion and Future Work

which summarizes the project, identifies any deviations from expected outcomes, and outlines
areas for future improvement. The report concludes with a list of References for further reading, an
Appendix that includes additional resources like the design checklist, and a User Manual with
step-by-step instructions for running the CRM application.

3
Timeline of the Reported Problem

Car rental systems have seen significant transformation over the past two decades. Initially
managed using manual recordkeeping and in-person bookings, car rentals have increasingly
adopted digital solutions with the rise of internet accessibility and mobile usage. The post-
pandemic era further accelerated this shift, highlighting the demand for contactless bookings and
real-time vehicle availability. Small and medium-sized rental businesses, however, have often
lagged behind due to cost and complexity barriers in existing software.

4
Existing Solutions
Current car rental platforms such as Zoomcar, Revv, and Ola Drive offer highly integrated systems
with features like real-time tracking, subscription plans, digital payments, and mobile apps. While
these platforms deliver advanced solutions suitable for large operations, they are often expensive
and come with complex infrastructure that small businesses may not be equipped to manage or
afford. This creates a need for lightweight, scalable, and affordable alternatives tailored for smaller
rental providers.

Bibliometric Analysis
An analysis of existing car rental platforms provides insights into their key features, effectiveness,
and limitations:
Key Features of Current Car Rental Solutions:
1. Vehicle Inventory Management:
o Description: Maintain a live listing of available vehicles with specifications and
pricing.
o Effectiveness: Enables real-time availability and efficient fleet utilization.
o Drawbacks: Requires robust backend systems and constant updates to avoid
discrepancies.
2. Online Booking and Payment Integration:
o Description: Allow users to reserve cars and complete payments online.
o Effectiveness: Improves user convenience and reduces manual effort.
o Drawbacks: Implementation complexity increases for secure transactions.
3. User Authentication and Profiles:
o Description: Let users create accounts and manage their bookings.
o Effectiveness: Personalizes the experience and enables booking history.
o Drawbacks: Data management and security protocols must be maintained.
4. Contactless Support and Communication Channels:
o Description: Enable WhatsApp, email, or phone communication through the site.
o Effectiveness: Improves accessibility and responsiveness.
o Drawbacks: May require manual backend coordination.

5
Effectiveness of Current Solutions
Modern car rental systems have shown measurable benefits in streamlining bookings, improving
vehicle utilization, and enhancing customer satisfaction. However, the high cost and infrastructure
requirements of advanced systems make them unsuitable for local businesses. A lean, modular
design offers a promising alternative for SMEs aiming to digitize their services affordably.

Drawbacks of Current Solutions

1. High Cost of Development and Maintenance
2. Limited Customization in Off-the-Shelf Platforms
3. Complex Backend Infrastructure Requirements
4. Overload of Features Not Relevant to Small Businesses

Review Summary
The literature review reveals that small-scale rental operators need a minimal yet efficient system
that covers the core functionalities without unnecessary complexity. The demand for customizable,
affordable, and modular rental platforms is growing.
Key Findings:
1. Demand for Customization:
Businesses prefer solutions that align with their specific vehicle types, pricing, and
operations.
2. Integration Readiness:
Compatibility with future integrations such as payment gateways and backend databases is
essential.

Problem Definition
In today’s tech-driven environment, local car rental businesses struggle with manual operations and
disconnected systems. A user-friendly, affordable digital platform could bridge the gap between
large-scale rental platforms and underserved small providers.

Objectives: What is to be Done

1. Develop a Lightweight Car Rental System
o Action: Build a modular web-based application using React, HTML, and CSS.
o Benefit: Enables businesses to list vehicles and accept bookings through a modern
interface.
2. Enable Custom Branding and Scalability
o Action: Design components that can be easily customized.
o Benefit: Adapts to different business sizes and branding requirements.
3. Deliver a Clean and Responsive User Interface
o Action: Prioritize user experience across devices.
o Benefit: Increases accessibility and encourages user retention.

6
Approach: How it is to be Done
1. Agile Development Methodology:
o Divide the project into sprints for incremental progress.
2. User-Centered Design:
o Conduct feedback rounds with mock users to refine UI/UX.
3. Scalable Architecture:
o Ensure frontend design can integrate with backend services in future updates.

Limitations: What Not to be Done

1. Avoid building a full-fledged backend in the current scope.
2. Avoid implementing online payments or live tracking without secure infrastructure.
3. Focus only on frontend and static simulation for proof-of-concept.
4. Defer admin-level analytics and automation to future versions.

Goals / Objectives
• To develop a modern, responsive web-based car rental platform
• To simulate essential operations like car browsing and booking
• To build a foundation ready for backend and API integration
• To keep the solution cost-effective and beginner-friendly for rental start-ups

Design:

7
8
 Google Analytics Implementation in Our Project
Why We Used Google Analytics?
• Track User Behavior: Understand how visitors navigate through our website.
• Measure Traffic Sources: Identify where users are coming from (organic search, social media, direct visits,
etc.).
• Analyze Engagement: Measure session duration, bounce rate, and page views.
• Improve Marketing Strategies: Optimize campaigns based on user data.
• Monitor Conversions: Track goal completions (e.g., form submissions, purchases).

Implementation Process
Step 1: Setting Up Google Analytics
1. Created a Google Analytics Account
o Signed up using a Google account.
o Selected "Web" as the platform for tracking.
2. Configured a New Property
o Added website details (name, URL, industry category).
o Chosen the appropriate time zone and currency.
3. Generated Tracking Code (Measurement ID)
o Google provided a unique Global Site Tag (gtag.js) for our website.

<script async src="https://www.googletagmanager.com/gtag/js?id=G-0Z34RF0XBX"></script>

<script>

window.dataLayer = window.dataLayer || [];

function gtag(){dataLayer.push(arguments);}

gtag('js', new Date());

gtag('config', 'G-0Z34RF0XBX');

</script>

9
Evaluation & Selection of Specifications/Features
In evaluating the features identified for a Car Rental system, we consider functionality, user
experience, simplicity, and scalability. The goal is to provide a system that meets essential rental
requirements while remaining adaptable for future upgrades.

Key Features Required:

1. Vehicle Listing
o Description: Display a catalog of available vehicles with details like model, price,
and image.
o Evaluation: Critical for user interaction and decision-making. Must be responsive
and visually appealing.
2. Booking Simulation
o Description: Provide a 'Rent Now' button and simulate the booking process.
o Evaluation: Useful for UI flow testing and user engagement even without full
backend integration.
3. User Authentication
o Description: Allow users to register and log in before accessing the dashboard.
o Evaluation: Enables personalization and session-based experiences.
4. Dashboard
o Description: Display user information and simulate booking history or actions.
o Evaluation: Provides a sense of account-based interaction, improving user retention.

10
Design Flow

1. Requirements Analysis:
• Identify essential pages (Homepage, Login, Signup, Cars section, Dashboard).
• Determine content layout, user actions, and navigation structure.

2. Component Development:
• Navbar and Footer Components: For consistent navigation and contact info
• Car Card Component: Displays car details and rent option
• Form Components: Handle login/signup actions and validation
• Dashboard Component: Simulates user login session and profile display

3. Routing & Integration:

• Connect page routes using React Router or EJS logic
• Simulate user login flow and conditional rendering for Dashboard access

Design Selection
We adopted a modular design approach using React components and EJS templates. This structure
promotes:

• Separation of concerns for layout and logic

• Easy debugging and testing of components
• Scalable implementation of future features like payment integration or vehicle filtering

Modular Design Approach

Strengths:
• Scalability: Modules such as vehicle listings, booking logic, user authentication, and
dashboard can be developed and tested independently, allowing future upgrades like
payment gateway integration or backend support without affecting existing
components.
• Clarity and Organization: Modular separation enhances code readability and makes
it easier to maintain, debug, and expand the system for different business scales.

Agile Development Process

Strengths:
11
 • Rapid Development: Agile enables quick iterations of essential features such as
login/signup, car listing, and dashboard. Each sprint delivers usable components that
improve project momentum.
• User-Centric: Frequent feedback from potential users helps refine the UI/UX,
ensuring the system aligns closely with user expectations and business requirements.

CHAPTER 4: RESULTS ANALYSIS AND VALIDATION

Implementation of Solution
The implementation of the Car Rental project focused on applying modern development
tools and frameworks to build a responsive, visually appealing, and functional web
application.
Technologies Used
The system was developed using:
• React.js: Utilized for creating reusable UI components and managing page views.
• HTML & CSS: Provided the foundational structure and design styling.
• EJS: Used for templating the login, signup, and dashboard views.
• JavaScript: Enabled interactivity, form validation, and conditional rendering of user
sessions.
These technologies enabled efficient frontend handling and built a user-friendly interface
that supported the core rental workflow.
Report Preparation
• Microsoft Word and LaTeX: Used for drafting and formatting the project report.
• Grammarly: Assisted in proofreading and improving report quality by suggesting
corrections and better structure.
Project Management and Communication
• GitHub: Served as the version control system for code collaboration, issue tracking,
and backup management.

12
Summary of Results Analysis
The system was tested for UI responsiveness, functional accuracy, and cross-device
compatibility. The car listing page, booking buttons, and form validations all worked as
intended. Testing on various screen sizes ensured layout consistency and accessibility.
The Car Rental system successfully met the core design specifications and provided a clear
simulation of a real-world car booking interface. While the booking feature was static in
this version, the modular structure made it future-ready for backend and API integrations.

CHAPTER 5: CONCLUSION AND FUTURE WORK

Conclusion
The Car Rental project aimed to deliver a lightweight, user-friendly system tailored for
small businesses to manage vehicle listings and user interactions. Key outcomes include:
• A fully responsive web interface using React, HTML, and CSS.
• Simulated login/signup and booking flow.
• A modular structure for easy scalability and maintenance.
• Improved digital presence for rental businesses through an intuitive user dashboard.
Despite being based on static data and lacking a backend database in this version, the
system lays a solid foundation for further development and real-world deployment.

Expected Results/Outcomes
• A modern UI that allows users to browse vehicles and simulate rentals.
• Modular React components that can be extended for future backend logic.
• Mobile and desktop compatibility across all major browsers.
• Clear roadmap for evolving into a full-stack rental platform.

13
Future Work
To further enhance the Car Rental platform, future upgrades may include:
1. Backend Integration: Connect the application to a database like MongoDB or
MySQL for real-time booking and vehicle availability.
2. Payment Gateway: Add secure payment methods using Razorpay, Stripe, or UPI
integrations.
3. Progressive Web App (PWA): Convert the app into an offline-accessible web app
for increased usability.
4. Security Enhancements: Implement encrypted authentication, session tokens, and
user access control.
5. Mobile Application: Develop an Android/iOS version using React Native or Flutter.
6. Admin Dashboard: Enable vehicle inventory control, rental analytics, and customer
management.
7. AI-based Recommendations: Offer dynamic pricing, car suggestions, and
availability predictions.
These enhancements will transform the current prototype into a scalable and competitive
rental service solution for the market.

REFERENCES
• React Documentation (https://reactjs.org)
• MDN Web Docs – HTML/CSS/JS (https://developer.mozilla.org)
• EJS Documentation (https://ejs.co)
• Bootstrap Docs (https://getbootstrap.com)
• W3Schools Tutorials (https://w3schools.com)

14
USER MANUAL
1. Visit the homepage at /index.
2. To create a new account, click on Signup and enter your details.
3. Login with your email and password.
4. After login, you will be redirected to the dashboard.
5. Click Rent Now on any car to simulate a rental.
6. Use the Contact Section to connect via WhatsApp, Call, or Email.
7. Logout when done via the Dashboard link.

15
16