zkt25/sk1

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.