# Brabus Premium Automotive - Yan Kasabutski

A premium car dealership web application inspired by **Brabus** design and performance.

# Project Overview

Brabus Premium Automotive is a full-stack web application where users can:

- Browse cars in a stylish carousel  
- Read details about different car classes (Sport, SUV, Luxury)  
- View individual car descriptions and prices  
- Sort and filter cars by price, class, and more  
- Add cars to a cart and manage the selection    
- Experience a sleek and modern design  

# Technologies Used

**Frontend:**  
- HTML5  
- CSS3 (responsive layout and animations)  
- JavaScript (vanilla)  

**Backend:**  
- Node.js  
- Express.js  

**Database:**  
- MongoDB  

**Deployment:**  
- Docker  
- Microsoft Azure  

**Authentication:**  
- JSON Web Tokens (JWT)  

**Other Features:**  
- Local storage support (for cart persistence)  
- RESTful API  
- Responsive and mobile-friendly design  

### How to Run the Project Locally

### 1. Clone the repository

### 2. Install dependencies
```
npm install
export PATH=$PATH:/c/Program\ Files/nodejs
export PATH="$PATH:/c/Program Files/Microsoft SDKs/Azure/CLI2/wbin"
```

### 3. Start the application
```
./prepare-app.sh
```

### 5. Docker Desktop - Open in your browser
Visit: http://localhost:3000

### 6. Restart
```
docker-compose down
docker-compose up --build

node server.js
```


##How to Run the Project on Azure


### 1. Visit link 
https://brabus-kasabutski-web-app-a3dgezehafeeaygv.westeurope-01.azurewebsites.net

### File transfer via FTP:
```
Filezilla:
Host: waws-prod-am2-447.ftp.azurewebsites.windows.net

User: brabus-kasabutski-web-app\$brabus-kasabutski-web-app

Port: 21
```


##Features

- user log in (JWT)  
- Add/remove cars from cart  
- Sort and filter vehicles dynamically  
- Smooth UI animations and transitions   
- Cloud deployment with HTTPS support  



This project is not related to Brabus.
Trademarks are used only for educational, non-commercial purposes.
