This project is a car dataset manager built with Node.js, Express, and HTML/CSS/JS.
Users can:
- Add cars with fields: model, year, mpg
- Automatically compute the car’s age
- View all cars in a table
- Delete cars from the dataset
- Tech Achievement 1: Implemented a derived field called age on the server side. When a new car is added, the server automatically calculates its age based on the current year and the input year. This shows how the backend can compute extra data instead of relying only on user input.
- Tech Achievement 2: Built the frontend as a single-page app using fetch to update the table dynamically without requiring a page reload. This makes the interface more responsive.
- Design Achievement 1: Applied consistent visual styling using flexbox for the form layout and grid for the results table container. This makes the page clean, organized, and scalable to different screen sizes.
- Design Achievement 2: Added clearly styled Delete buttons with hover effects to make destructive actions obvious and improve usability.