https://github.com/lunanezha/basic-admin-dashboard-angular

Admin dashboard (Support English/Persian languages)
https://github.com/lunanezha/basic-admin-dashboard-angular

angular primeng scss typescript

Last synced: about 2 months ago
JSON representation

Admin dashboard (Support English/Persian languages)

• Host: GitHub
• URL: https://github.com/lunanezha/basic-admin-dashboard-angular
• Owner: LunaNezha
• License: mit
• Created: 2023-06-25T15:46:00.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-12-02T08:57:29.000Z (10 months ago)
• Last Synced: 2024-12-02T09:24:24.777Z (10 months ago)
• Topics: angular, primeng, scss, typescript
• Homepage:
• Size: 10.4 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://lunanezha.com/)

[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](www.linkedin.com/in/luna-nezha/)

# **Basic Admin Dashboard**

A responsive admin dashboard built with **Angular**, supporting English and Persian (Farsi) languages. This project demonstrates how to create a clean and customizable admin interface with modern web technologies.

![App Screenshot](src/assets/images/screenshot.png)

## 🛠 **Features**

-   **Multi-Language Support**: Seamlessly toggle between English and Persian (RTL support).

-   **Responsive Design**: Optimized for desktops, tablets, and mobile devices.

-   **Reusable Components**: Designed with modularity in mind.

-   **Modern Styling**: SCSS used for styling with a vibrant color palette.

-   **Angular CLI**: Built with Angular CLI for streamlined development.

## 💻 **Tech Stack**

-   **Angular**: Frontend framework.

-   **TypeScript**: Strongly typed JavaScript.

-   **SCSS**: Styling with modern CSS.

-   **PrimeNG**: UI components for Angular.

## 🎨 Color Reference

| Color    | Hex                                                              |

| -------- | ---------------------------------------------------------------- |

| Blue     | ![#2196f3](https://via.placeholder.com/10/2196f3?text=+) #2196f3 |

| Green    | ![#4caf50](https://via.placeholder.com/10/4caf50?text=+) #4caf50 |

| Yellow   | ![#fbc02d](https://via.placeholder.com/10/fbc02d?text=+) #fbc02d |

| Cyan     | ![#00bcd4](https://via.placeholder.com/10/00bcd4?text=+) #00bcd4 |

| Pink     | ![#e91e63](https://via.placeholder.com/10/e91e63?text=+) #e91e63 |

| Indigo   | ![#3f51b5](https://via.placeholder.com/10/3f51b5?text=+) #3f51b5 |

| Teal     | ![#009688](https://via.placeholder.com/10/009688?text=+) #009688 |

| Orange   | ![#f57c00](https://via.placeholder.com/10/f57c00?text=+) #f57c00 |

| BlueGray | ![#607d8b](https://via.placeholder.com/10/607d8b?text=+) #607d8b |

| Purple   | ![#9c27b0](https://via.placeholder.com/10/9c27b0?text=+) #9c27b0 |

## 🚀 **Run Locally**

Clone the project

```bash

  git clone https://github.com/LunaNezha/basic-admin-dashboard-angular

```

Go to the project directory

```bash

  cd basic-admin-dashboard-angular

```

Install dependencies

```bash

  npm install

```

Start the server

```bash

  ng serve

```

## ✅ **Running Tests**

To run tests, run the following command

```bash

  npm run test

```

## 🤝 **Contributing**

Contributions are always welcome!

If you’d like to improve this project:

-   Fork the repository.

-   Create your branch: git checkout -b feature/your-feature.

-   Commit your changes: git commit -m "Add your message".

-   Push to the branch: git push origin feature/your-feature.

-   Open a Pull Request.

## 💡 **Support**

For support, email mahdie.nezhadhosseini@gmail.com.

## 📝 **License**

This project is licensed under the

[MIT](https://choosealicense.com/licenses/mit/) License. See the LICENSE file for details.