0% found this document useful (0 votes)
20 views3 pages

Full Stack Test 2024

Uploaded by

Rishabh Kumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
20 views3 pages

Full Stack Test 2024

Uploaded by

Rishabh Kumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

OCTALOGIC TECH

Summary
The goal is to design and provide users with a form that collects the user information and data
about the vehicle to rent and the dates on which the vehicle is rented.

Instructions
● You are required to create this project on github and share the link with us before you
start the coding work.
● You should commit your code as you go along with the assignment so that we can
understand your work process.

Backend

Stack to Use : NodeJs with any framework of your choice. For the database any SQL based
database only. Any ORM of your choice.
1. Seed an initial set of values into the db. Make sure the script for seeding is uploaded to
the repository.
a. This data includes
i. 3 car types ( hatchback, suv, sedan, etc )
ii. 1 bike type ( cruiser, sports, etc )
iii. Each type should have a few vehicles associated with it as well
2. Design one or more apis to service the frontend as described below
3. Design a submit api to receive all the relevant data that will be sent by the frontend for
booking a vehicle
a. Assume that there is only 1 vehicle of each type so make a check to ensure
that bookings for the same vehicles don’t overlap.
b. This data should be fetched from the database.
4. Please include the necessary migrations to setup the database in the repository.

Frontend

Stack to Use : The frontend needs to be built as a React App. Use material UI for the theming
and tailwind css if needed for utility classes. Feel free to use any libraries that may help you in
the process of designing the UI, processing and validating the data.

The frontend should have a form based interface that displays 1 question per screen with user
input and has a single next button so users can proceed to the next question when they answer
the current one. The user is allowed to go to the next question only after answering the current
one that they are on ( an appropriate error UI should be shown if the condition is not met ).

1
OCTALOGIC TECH

Once the user has answered all these questions, the data should be sent to the backend so the
booking can be done.

The form should consist of the following questions


1. What is your name
a. The input here are 2 input boxes which capture the first and last name
2. Number of wheels
a. a radio button that has the options 2, 4
3. Type of vehicle
a. a radio button that displays the list of vehicle types from the database
b. This list would differ based on the user selection. For example, if the user selects
2 wheeler then they would only see 2 wheeler type vehicles.
4. Specific Model
a. a radio button that displays the list of vehicles for that vehicle type from the
database
b. Based on the previous selections by the user, this would be a filtered set of
options as well
5. Date range picker
a. A date range picker so users can select the start and end date for which they
want to book the vehicle

Here is a sample design of what the form should look like, clicking on next will take the user to
the next screen which has the next question.

2
OCTALOGIC TECH

Points to Note
● Make validation checks on the frontend or backend wherever necessary
● the schema for the database is up to you, we will score you based on the schema design
● The frontend should not have any hardcoded data and it should be fetched from the
database instead.

You might also like