sarabs3 / construction-on-rent

Construction Machine management

Hosted URL

Application is deployed here to quickly review the output.

https://visionary-shortbread-ac7953.netlify.app/types

Tech Stack

• Typescript
• ReactJs
• Redux and Redux Toolkit
• TailwindCss
• React Testing Library

Local Setup

• Clone or Download the repo.
• Run npm install inside the directory.
• Run npm start to spin up the local dev setup.

Tasks

• Created the UI
• Staff member can create different machine types
• Staff member can specify which attributes the machine type has
• Available attributes are date, text, checkbox or number
• Staff member can able to remove attributes that are no longer required
• All machines of one type share attributes
• Staff member can pick one of the attributes as a title attribute for the machines of one type (For eg. model).
• Staff member can set a title for a machine type (Chainsaw, Bulldozer, ...)
• Staff member can able to add new machine types as well as to edit or delete existing ones at any time
• Staff member can have many machines of each machine type ( for example 6 chainsaws from different brands that have different characteristics)
• Staff member can able to filter by machine type (See all chain saws, all bull dozers, ...).
• Staff member can able see all machines grouped by their type on one screen
• Staff member can able to add new machines as well as to edit or delete existing ones at any time
• Staff member can use URL navigation
• All data will be saved even after page reload
• Staff member can able to use the app on mobile phone or tablet as well as on the computer

Test Cases

npm test for running unit test cases

Due to shortage of time, I wasn't able to write much of the test cases but I have written and you can review them for the reducer in MachineTypingSlice.spec.ts file and for components under /components directory.

I hope you will enjoy reviewing the code as much as I enjoyed while writing it ❤️