Skip to content

LunaNezha/basic-admin-dashboard-angular

Repository files navigation

portfolio linkedin

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

🛠 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 #2196f3
Green #4caf50 #4caf50
Yellow #fbc02d #fbc02d
Cyan #00bcd4 #00bcd4
Pink #e91e63 #e91e63
Indigo #3f51b5 #3f51b5
Teal #009688 #009688
Orange #f57c00 #f57c00
BlueGray #607d8b #607d8b
Purple #9c27b0 #9c27b0

🚀 Run Locally

Clone the project

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

Go to the project directory

  cd basic-admin-dashboard-angular

Install dependencies

  npm install

Start the server

  ng serve

Running Tests

To run tests, run the following command

  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 [email protected].

📝 License

This project is licensed under the MIT License. See the LICENSE file for details.