https://github.com/code1616/persian-city-dashboard
A practice project showcasing a responsive admin dashboard with bilingual support (English/Persian) and an interactive shop interface. Designed for learning and exploring front-end development skills. Note: For educational purposes only.
https://github.com/code1616/persian-city-dashboard
bootstrapicons boxicons css3 html5 javascript
Last synced: about 1 month ago
JSON representation
A practice project showcasing a responsive admin dashboard with bilingual support (English/Persian) and an interactive shop interface. Designed for learning and exploring front-end development skills. Note: For educational purposes only.
- Host: GitHub
- URL: https://github.com/code1616/persian-city-dashboard
- Owner: Code1616
- License: mit
- Created: 2025-01-07T18:49:49.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-07T19:28:15.000Z (over 1 year ago)
- Last Synced: 2025-03-14T16:51:30.356Z (about 1 year ago)
- Topics: bootstrapicons, boxicons, css3, html5, javascript
- Language: CSS
- Homepage: https://code1616.github.io/persian-city-dashboard/
- Size: 1.07 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Persian City Dashboard Project 🏙️
**Fivem User Dashboard**
A responsive, bilingual admin dashboard with a sleek shop interface, designed for practice and showcasing front-end development skills.
## ✨ Features
- **📱 Fully Responsive Design**: Optimized for all screen sizes.
- **🌐 Bilingual Support**: Switch seamlessly between English and Persian.
- **🎨 Modern UI**: Clean, intuitive interface with dynamic visuals.
- **📊 Real-Time Stats**: Dashboard displays live updates on user data.
- **🛒 Shop Interface**: Interactive product cards and purchase options.
- **🔄 Language Switcher**: Instant toggle for multilingual support.
- **📱 Mobile Navigation**: Smooth and user-friendly on any device.
---
## 🛠️ Technologies Used
- **HTML5**
- **CSS3**
- **JavaScript**
- **Bootstrap Icons**
- **Box Icons**
---
## 📂 Project Sections
### 📊 Dashboard
- Monitor character stats: Health, Hunger, Thirst, etc.
- View financial data: Bank balance, Wallet, Cryptocurrency.
- Manage vehicles and properties.
- Track recent purchases and activity history.
### 🛒 Shop
- Browse product cards with images and detailed information.
- View prices, speed ratings, and specifications.
- Purchase items easily with user-friendly buttons.
- Access FAQs for quick assistance.
---
## 🚀 Getting Started
1. Clone the repository:
```bash
git clone https://github.com/Code1616/persian-city-dashboard.git
```
2. Open **index.html** in your browser to explore the dashboard.
3. Open **shop.html** to experience the shop interface.
---
## 📁 Project Structure
```
persian-city-dashboard/
│
├── index.html # Dashboard page
├── shop.html # Shop page
├── style/
│ ├── style.css # Main dashboard styles
│ └── style-shop.css # Shop styles
└── image/
├── logo.png
└── car.png
```
---
## 🌐 Browser Support
- **Chrome** (latest version)
- **Firefox** (latest version)
- **Safari** (latest version)
- **Edge** (latest version)
---
## 📸 Credits
- The user profile image used in this project was sourced from [Pinterest](https://www.pinterest.com/pin/gta-5--749567931721568205/).
---
## 📝 Note
This is a **practice project** aimed at learning front-end development techniques. It highlights responsive design, bilingual support, and modern UI/UX principles.
---
## 📜 License
**MIT License** – Feel free to use or adapt this code for your own learning purposes.
---
**⚠️ Disclaimer**: This project is for educational purposes only and not intended for production use.