Carent - Car Rent App

Carent is a car rental platform, where you can manage your fleet, availability and allow users to search and book the desired rides.

---

Intro

Links

🖥️ Preview link

🌐 Template page on Bubble Marketplace

---

Screenshots

Index page

Features

Search page

Admin dashboard

Car page

About us

---

Template details

Carent - this is a great and thoughtful template for those who are ready to rent cars. In this template, you can publish all available cars, indicate the location of the cars where they can be picked up and returned. Each vehicle can be customized with different options. Well-implemented admin panel, where there is all the information about cars and their booking.

Carent template features the following:

✅ Responsive design

✅ Admin dashboard

✅ Overall Analytics

✅ Add and update cars

✅ Additional services for the bookings

✅ Car booking

✅ Displaying detailed data for each booking

This template is sold "as is" but if there are any critical bugs, feel free to reach out. Our team will try to fix them ASAP. We tried to keep all the workflows and design architecture simple for beginner-intermediate users to use and adjust. However, we recommend having at least moderate experience with Bubble to be able to fully use and edit the app’s backend. If you need any assistance to customize this template for your personal or business project, feel free to reach out to our team via [e-mail]. We are always there to help build new products and mobile/web applications. We hope this template would become a great starting point for your project.

Removing the banner

1. Open the app in Bubble editor

2. Go to settings -> SEO/Metatags

3. Remove the content of "Script in the body"

---

User flows

Main user flow:

-> Cars search -> View the selected vehicle page and all the necessary information -> Filling up the required information -> Choosing additional services -> Payment process.

---

Key features

MULTISELECT DROPDOWN

FULL CALENDAR

CHART ELEMENT

VEHICLE VARIETY

TRANSPARENT PRICING

CUSTOMER SUPPORT

Workflows

Primary colors and their purposes

Green

Emphasizes actions related to creating or modifying records in the database, indicating successful operation completion.

For example:

Example 1

Example 2

Red

Designated for actions involving deletion or resetting of values, aiding users in quickly identifying them.

For example:

Example 1

Example 2

Blue

Reserved for actions that do not impact application resources, such as opening or closing pop-up windows.

For example:

Example 1

Example 2

Orange

Used for actions related to app navigation, providing ease of orientation within the interface.

For example:

Example 1

Example 2

Brown

Utilized for custom workflows and API work, highlighting these actions among others.

For example:

Example 1

Example 2

Purple

Left to the developer's discretion for assigning color to actions as they see fit.

For example:

Example 1

Example 2

Cyan

Intended for actions involving the use of Custom Events, ensuring ease of perception for complex operations.

For example:

Example 1

Example 2

Grey

Employed for all other actions not covered by other colors, aiding in making the interface clear and balanced.

For example:

Example 1

These standards are purely recommendations. Possible discrepancies do not affect the functionality of the application.

---

Pages

Below, you will find a list of all the pages available on this platform, along with a brief description of their functionality.

Index: Explore our landing page for insights on the template, featuring descriptions, most popular cars, about us, frequently asked questions and how can to contact us.

About Us: Get a brief overview of the Carent platform - our advantages, focus and other important information.

Dashboard Admin: An admin's dashboard providing essential and up-to-date information.

• The "General" tab compiles general information about the site such as number of bookings, finished bookings, cars, total earned and earned in this month.

• The "Cars" tab compiles information about all cars on the site such as image, type, engine information, description, seats and bags, price and status

• The "Bookings" tab compiles information about all bookings on the site such as car image, car type, rent time, driver details, pick-up/return location, price and status.

• The "Calls" tab compiles information about all calls made to the site such as the name of the user who made the call, the number, date and time and status.

• The "Additional Services" tab compiles information about all additional services that are on the site such as name, image, description and price of the service.

Car Page: This page contains all information about a car such as picture, make, model, class, engine, transmission, fuel type, price, description, booking details, additional services and other information.

Contact Us: Connect with platform administrators effortlessly through our user-friendly contact page.

FAQ: Access all necessary platform documentation, including Frequently Asked Questions (FAQ).

Garage: This page contains all the cars on the site with a little information about them to make it easier for users to choose the desired car and if necessary he can use filters to facilitate the search.

Privacy Policy: Access all necessary platform documentation, including Privacy Policy.

Rental Information: This page displays information about rental information.

Terms Conditions: Access all necessary platform documentation, including Terms & Conditions.

Reset Password: Effortlessly reset your password and receive updated login credentials for seamless access.

---

Reusable elements

1. Footer - a section at the bottom of a web page containing additional information such as contacts and links. Found on all application pages.

2. Login - used on the Header element , it is an element used to login or sign up on the site.

3. Header - the top part of a web page containing the logo, application name, navigation elements, and other important components. Found on all application pages.

---

Data Types

Additional Services

This data type is designed for storing information regarding Additional Services.

Field name	Type	Notes
Description	Text	Additional service description
Icon	Image	Additional service icon image
Name	Text	Additional service name
Price	Number	Additional service price

Address

This data type is designed for storing information regarding Address.

Field name	Type	Notes
Address	Text	Address location
City Name	Cities	Address city

Brand

This data type is designed for storing information regarding Brand.

Field name	Type	Notes
Id	Number	Brand id number
Name	Text	Brand name

Call

This data type is designed for storing information regarding Call.

Field name	Type	Notes
Call Date	Text	Call date
Call Hour	Text	Call hour
Call Status	Option set: Call Status	Call status
Name	Text	Call name
Phone Number	Text	Call phone number text
Phone Number	Number	Call phone number

Capacity

This data type is designed for storing information regarding Capacity.

Field name	Type	Notes
Number	Number	Capacity number
Type	Option set: Capacity	Capacity type

Car

This data type is designed for storing information regarding Car.

Field name	Type	Notes
Availability	Option Set: Availability	Car availability
Brand	Brand	Car brand
Capacity	List of Capacitys	Car capacity
Car Rating	Option Set: Rating	Car rating
Class	Option Set: Class	Car class
Engine	Text	Car engine
Features	List of Featureses	Car features
Fuel	Option set: Fuel	Car fuel
ID	Text	Car id
Image	Image	Car image
Model	Model	Car model
Price	Number	Car price
Production Year	Years	Car production year
Seats Number	Number	Car seats number
Transmission	Option Set: Availability	Car transmission
Trunk Volume	Number	Car trunk volume number

Car Classes

This data type is designed for storing information regarding Car Classes.

Field name	Type	Notes
Class	Option set: Class	Car class
Icon	Image	Car class icon

Cities

This data type is designed for storing information regarding Cities.

Field name	Type	Notes
Name	Text	City name

Features

This data type is designed for storing information regarding Features.

Field name	Type	Notes
Name	Text	Feature name

Main Page Products

This data type is designed for storing information regarding Main Page Products.

Field name	Type	Notes
Brand	Text	Mai page product brand
Car Class	Text	Mai page product car class
Engine	Text	Mai page product engine
Fuel	Text	Mai page product fuel
Image	Image	Mai page product image
Imgindex	Image	Mai page product image index
Model Name	Text	Mai page product model name
Price	Number	Mai page product price
Production Year	Number	Mai page product year
Seats	Number	Mai page product seats
Transmission	Text	Mai page product transmission
Type	Text	Mai page product type

Model

This data type is designed for storing information regarding Model.

Field name	Type	Notes
Brand	Brand	Model brand
ID	Number	Model id number
Name	Text	Model name

Rents/Bookings

This data type is designed for storing information regarding Rents/Bookings.

Field name	Type	Notes
Additional Services	List of Additional Services	Rent/Booking additional service
Car	Car	Rent/Booking car
Driver's Card Number	Text	Rent/Booking driver card number
Driver Date of Birth	Date	Rent/Booking driver birthday
Driver Email	Text	Rent/Booking driver email
Driver FirstName	Text	Rent/Booking driver first name
Driver LastName	Text	Rent/Booking driver last name
Driver Phone Number	Text	Rent/Booking driver phone number
End Date	Date	Rent/Booking end date
Final Price	Number	Rent/Booking final price
Pay at Pickup Point	Yes/No	Rent/Booking pay at pickup point status
Pickup/Return Address	Address	Rent/Booking pickup/return addresses
Pickup/Return Date	Date Range	Rent/Booking pickup/return date
Rent Status	Option set: Rent Status	Rent/Booking rent status
Start Date	Date	Rent/Booking start date

Rep

This data type is designed for storing information regarding Rep.

Field name	Type	Notes
Brand	Text	Rep brand
Class	Text	Rep class
Engine	Text	Rep engine
Fuel	Text	Rep fuel
Image	Image	Rep image
Image2	Image	Rep second image
Model	Text	Rep model
Price	Number	Rep price
Production	Text	Rep production
Text for Index	Text	Rep text for index
Transmission	Text	Rep transmission

Rep1

This data type is designed for storing information regarding Rep1.

Field name	Type	Notes
Image	Image	Rep image

State Additional Services

This data type is designed for storing information regarding State Additional Services.

Field name	Type	Notes
Service	Additional Services	State additional services

State Car Classes

This data type is designed for storing information regarding State Car Classes.

Field name	Type	Notes
Classes	Car Classes	State car class

User

This data type is designed for storing information regarding User.

Field name	Type	Notes
Additional Services	List of Additional Seticeses	User additional services
Brand	Brand	User brand
Car	Car	User car
Class	Car Classes	User car class
Email Address	Text	User email
Features	List of Featureses	User features
First Name	Text	User first name
Fuel	Fuel	User car fuel
Last Name	Text	User last name
Model	Model	User model
Classes	Option set: List of Class	User class
Pay With Cash	Yes/No	User pay with cash status
Phone Number	Number	User phone number
Pickup Address	Address	User pickup address
Pickup/Return Date	Date Range	User pickup/return date
Price Range	Numeric Range	User price range
Transmission	Option set: Transmission	User transmission

---

Option sets

Expected

• Available

• Booked

• Unavailable

Call Status

• Answered

• New

Capacity

• Seats

• Suitcases

• Bags

Car Rating

• Popular

• Frequently booked

• Rarely booked

• Unset

Class

• All

• Sedan

• Coupe

• Sports Car

• Station Wagon

• Hatchback

• Convertible

• SUV

• Minivan

• Pickup Truck

Fuel

• All

• Gasoline

• Diesel

• Electric

• Hybrid

Rent Status

• New

• Waiting

• In Progress

• Returned

• Finished

• Expired

Return Locations

• Str. Maria Dragan 9/1

• Str. Stefan cel Mare 1/1

• Str. Calea Basarabiei 9/9

Seats

• 1 seat

• 2 seats

• 3seats

• 4seats

• 5 seats

• 6 seats

• 7 seats

• 8 seats

• 9 seats

• 10 seats

• 11 seats

• 12 seats

• 13 seats

• 14 seats

• 15 seats

• 16 seats

• 17 seats

• 18 seats

• 19 seats

• 20 seats

• more than 20

Suitcases

• 1 suitcase

• 2 suitcases

• 3 suitcases

• 4 suitcases

• 5 suitcases

• 6 suitcases

• 7 suitcases

• 8 suitcases

• 9 suitcases

• 10 suitcases

Transmission

• All

• Automat

• Manual Transmission

---

The template is available in its current form, however, further alterations can be negotiated.

Don't hesitate to reach out to us with any questions, and we'll gladly explore options to accommodate your concepts – Visit us at https://appassion.io/ or email us at [e-mail]

We are always at your service through: Upwork, Clutch.