SmartPark, a car service company in Rwanda, is facing inefficiencies with its manual repair service management system. The company requires a web-based Car Repair Payment Management System (CRPMS) to streamline operations, including recording services, managing payments, and generating reports. The development involves creating an Entity Relationship Diagram, setting up a database, and building a responsive front-end application using React.js and Tailwind CSS, along with a backend that communicates with a MySQL database.
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 ratings0% found this document useful (0 votes)
6 views5 pages
Exam Day2
SmartPark, a car service company in Rwanda, is facing inefficiencies with its manual repair service management system. The company requires a web-based Car Repair Payment Management System (CRPMS) to streamline operations, including recording services, managing payments, and generating reports. The development involves creating an Entity Relationship Diagram, setting up a database, and building a responsive front-end application using React.js and Tailwind CSS, along with a backend that communicates with a MySQL database.
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/ 5
Scenario
SmartPark is company located in Rubavu District, western province of Rwanda.
It provides multiple car-related services. It is struggling with inefficiencies due to its manual, paper based system for managing repairing services. Chief Mechanic manually records repair services details including Service name and amount charged for each service. Once there is a car brought in the garage, the chief Mechanic also records its license plate, type, Model, year of manufacturing, driver phone number, Service to be offered and it is taken in the garage for repairing. At the end of the repair, the chief mechanic records the amount paid for the service offered to car and date of payment. This manual process is inefficient, prone to errors and makes it difficult to tack service, payment and generate invoice efficiently. The SmartPark needs a web based application that handles the management of car repairing sales process. The system should allow the chief mechanic to digitally record car, manage repairing services, track payments and generate reports. Task: Develop Car Repair Payment management System (CRPMS) As a full stack developer, you are given 7 hours to develop that web based application by: 1. Using attributes provided below, design an Entity Relationship Diagram (ERD) that represents the relationship between their entities. ➢ Identify appropriate primary keys and foreign keys based on the relationships among the entities. ➢ Entities and attributes are: 1. Services(ServiceCode,ServiceName,ServicePrice) 2. Car(PlateNumber, type, Model,ManufacturingYear, DriverPhone,MechanicName) 3. ServiceRecord(RecordNumber,SeviceDate) 4. Payment(PaymentNumber,AmountPaid, PaymentDate) ➢ ERD should be drawn before using the computer. ➢ ERD should be drawn on plain paper using pencils. ➢ ERD should indicate cardinalities, relationships with correct symbols 2. Creating database called CRPMS with Services, Car, ServiceRecord, User, and Payment tables as designed in ERD. ➢ Repair Service offered by the garage and their prices are as follows: Engine repair is charged 150,000 Rwf, Transmission repair is charged 80,000 Rwf, Oil Change is charged 60,000 Rwf, Chain replacement 40,000 Rwf, disc replacement is charged 400,000Rwf, wheel alignment 5,000 Rwf.
3. Saving your work in your real names in a folder called
(FirstName_LastName_National_Practical_Exam_2025). 4. Preparing React.js Front-end application development environment by installing required modules and dependencies 5. Preparing JavaScript runtime environment for Node.js 6. Creating react.js components with UI features that will enable user to input his data in the tables above and display required reports. ➢ Menu bar/Pages of web application should include Car, Services, ServiceRecord, Payment, Reports and Logout options. ➢ The web application should be responsive 7. Creating react.js components with UI features that will enable user to input his data in the tables above and display required reports. 8. Developing backend and frontend of parking sales management system. ➢ Name backend project folder as backend-project and frontend project folder as frontend-project. ➢ Use Tailwind CSS to implement UI design.
➢ Your backend application should communicate to MySQL
database/MongoDB to perform CRUD operations of using Node.js runtime environment and express.js framework. Note: 1.Insert operation should be used on all four (4) forms (Car, Services, ServiceRecord, Payment). 2. Delete, update, retrieve operations should only be used on ServiceRecord form. 9. Creating react.js components with UI features that will enable user to input his data in the tables above and display required reports. 10. Creating a session based login user account having username and password. 11. Integrating your react.js application to backend application using Axios to enable interaction of your react.js application with node.js application. 12. Generating a bill for repaired car.
➢ Bill should indicate the receiver (user) of payment.
13. Generating daily reports indicating offered Service and the amount paid for each car. 14. Removing permanently your project with its related configurations after being marked.