Dealer View

Dealer View is a proof-of-concept for a used car dealership website. The website allows an authenticated user to update the inventory on the website with ease. This makes it simple for a dealer to update their inventory without much technical know-how.

Getting Started

Anyone can view the inventory by clicking the corresponding button without needing to be logged in. A user can create an account by clicking the sign up button, and use the log in button in the future to access admin features.

Editing the Inventory

Clicking on the "Add New Vehicle" button will take the user to a form to add a new vehicle. It's as simple as adding in all of the info and pressing "Add Car".

Editing the Inventory

Once the vehicle has been added, it can be viewed with the other vehicle in the inventory. The vehicle can be deleted by a logged in user, as well as edited with a form similar to the "add" form.

Dynamic Layout

The app also works well on mobile.

Technologies Used

• Frontend:
  • HTML5
  • CSS3
  • JavaScript
  • EJS (Embedded JavaScript templates)
• Backend:
  • Node.js
  • Express.js
• Database:
  • MongoDB
  • Mongoose
• Styling:
  • Flexbox
  • Grid Layout
  • Custom CSS
• Version Control:
  • Git
  • GitHub
• Development Tools:
  • Visual Studio Code
  • Lucid Chart
  • Canva
  • Trello

Planning

Trello Board

Live Demo

Check out the app here!

Next Steps

• Add functionality for multiple pictures per car
• Add slideshow mechanic on homepage
• Improve styling
• Improve car details / add dynamic forms