ghadah-ahmed/cars-agency

Cars Exibition

Description

A dynamic website for modern cars exibition.

Main functionalities

• Add a new car.
• Show the car's info.
• Remove an existing car.
• Edit a car.

When adding a new car, try filling out the form using these data:

  car_name: RED.
  description: The 2020 Mercedes convertible builds off the open-air driving heritage as the first hardtop and mid-engine convertible in Mercedes history.
  phrase: PRECISION IS THE PERFECTION.
  car_img_png: images/Mercedes-Benz-CLS-Class-2012-1600-94-removebg-preview.png.
  background_color: #C72E3A.
  color: #781f1d63.
  manufacture: Mercedes.
  seats_num: 4.
  gear: Automatic.
  engine_img_src: images/IMAGE_1443-03-13_10_35_34-removebg-preview.png.
  engine_sound_src: 
  wheels: 

Desktop View

Screen.Recording.1443-03-15.at.10.30.48.AM.mp4

Mobile View

Screen.Recording.1443-03-15.at.10.47.04.AM.mp4

Used Technologies

• Main
  • HTML
  • CSS
  • JavaScript
  • JSON mock server

My Design Goal

I tried to creat a website similar to this, I wish I did it :)
https://www.pinterest.com/pin/387168899226629881/

Github Pages

You have to run the API server locally first.
Run the command: $npm run json:server
https://ghadah-ahmed.github.io/Cars-Agency/