Skip to content

RayyanSyed21/a2-shortstack-a25

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Assignment 2 - Short Stack: Basic Two-tier Web Application using HTML/CSS/JS and Node.js

Your Web Application Title

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

Technical Achievements

  • 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/Evaluation Achievements

  • 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.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 76.6%
  • HTML 14.4%
  • CSS 9.0%