96 lines
1.9 KiB
Markdown
96 lines
1.9 KiB
Markdown
# 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 authentication (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.
|