<div align="center"> <br>

<img src="docs/assets/dealership_.png" height="300" alt="Autorizz" /><br>
<img src="docs/assets/autorizz.png" height="80" alt="Autorizz" />

Car-Dealership-System-using-NodeJS-Express-MongoDB

<!-- [] --> </div> <br/>

📌What is Autorizz?

<h4 align="justify"> Autorizz is a web-based application developed to provide digital retail services to automotive dealerships in order to facilitate zero-contact sales and services. It manages and track the entire vehicle sales, service, parts inventory seamlessly connecting the dealership increasing its efficiency. The customers can browse and then view the complete specification of each vehicle listing with its features and buy the vehicle as per their requirements creating an awesome retail experience to the customer. This is a simple yet efficient management system to manage records of dealership data instead of using traditional methods to manage data like manual records or file systems. Their customers can always be in the comfort of their homes to check the various vehicles, spare parts listed in the website for sale as to their choice. Hence reducing the cost, saving time and increasing the comfort of their customers. </h4> <br>

🧰 Tech Stack

<img alt="HTML5" height="25px" src="https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white"/> <img alt="CSS3" height="25px" src="https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white"/> <img alt="Bootstrap" height="25px" src="https://img.shields.io/badge/bootstrap-%23563D7C.svg?style=for-the-badge&logo=bootstrap&logoColor=white"/> <img alt="JavaScript" height="25px" src="https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E"/> <img alt="NodeJS" height="25px" src="https://img.shields.io/badge/express.js-%23403f3f.svg?style=for-the-badge&logo=express&logoColor=ffffff"/> <img height="25px" alt="MongoDB" src ="https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white"/> <img alt="Heroku" height="25px" src="https://img.shields.io/badge/heroku-%23430098.svg?style=for-the-badge&logo=heroku&logoColor=white"/>
<br>

📊 Get Presentation Here

<br>
<br>

💻 Web Application

🙍‍♂️ Client End

<div> <h4>Home</h4> <img width="600px" src="docs/assets/client_home.gif" alt="Home" /> </div> <div> <h4>Electric Models</h4> <img width="600px" src="docs/assets/electric_filters.gif" alt="Electric Index" /> <h4>Electric Models Booking</h4> <img width="600px" src="docs/assets/electric_booking.png" alt="Electric Index" /> </div> <div> <h4>Gas Models</h4> <img width="600px" src="docs/assets/gas_filtering.gif" alt="Gas Index" /> <h4>Gas Models Booking</h4> <img width="600px" src="docs/assets/gas_booking.png" alt="Gas Index" /> </div> <br> <br> <br>

📱 Mobile Responsive

<div> <h4>Electric</h4> <img height="350px" width="175px" src="docs/mobile/mob_ele1.png" alt="Elec Mob" /> <img height="350px" width="175px" src="docs/mobile/mob_ele2.png" alt="Elec Mob" /> <img height="350px" width="175px" src="docs/mobile/mob_ele_bk.png" alt="Elec Mob" /> <img height="350px" width="175px" src="docs/mobile/mob_ele_bki.png" alt="Elec Mob" /> </div> <div> <h4>Gas</h4> <img height="350px" width="175px" src="docs/mobile/mob_gas1.png" alt="Gas Mob" /> <img height="350px" width="175px" src="docs/mobile/mob_gas2.png" alt="Gas Mob" /> <img height="350px" width="175px" src="docs/mobile/mod_gas_bk.png" alt="Gas Mob" /> <img height="350px" width="175px" src="docs/mobile/mob_gas_bki.png" alt="Gas Mob" /> </div>

🛡️ Admin End

<div> <h4>Login</h4> <img width="600px" src="docs/assets/admin_login.png" alt="Home" /> <h4>Home</h4> <img width="600px" src="docs/assets/admin_home_.png" alt="Home" /> <h4>Manage Service</h4> <img width="600px" src="docs/assets/admin_service.png" alt="Home" /> <h4>Manage Models</h4> <img width="600px" src="docs/assets/admin_models.png" alt="Home" /> <h4>Manage Customers</h4> <img width="600px" src="docs/assets/admin_cust.png" alt="Home" /> </div> <br> <br>

📋 Instructions

Application Structure

│
├── bin
├── models (MongoDB Mongoose Models)
├── node_modules 
├── public (application resources - css, js, images)
├── routes (handles admin, electric and gas routes)
├── views  (express-handlebars templates)
    ├── admin (admin templates)
    ├── layouts (default layout templates)
    └── electric and gas template files
├── app.js (root Node app script)
├── package.json
└── README.md

General

1. Install Dependencies using npm install
2. Make sure MongoDB server is running
3. Create a database named autorizz
4. Create all the required collections in the created database and fill in the data from db_data

Local

1. Inside --> app.js under MongoDB section, replace the url with mongodb://localhost:27017/autorizz
2. Open Terminal in the app folder
3. Run npm start or nodemon start (if nodemon is preinstalled)
4. Launch client app in localhost:5000
5. Launch admin app in localhost:5000/admin