This is a mini dashboard project built with Angular, Angular Material, SCSS, and other libraries. It features a landing page, a navigation bar with animations, and two additional routes for displaying data in a table and demonstrating the use of directives.
Before you begin, ensure you have met the following requirements:
- Node.js and npm installed on your machine.
To run this project locally, follow these steps:
- Clone this repository to your local machine:
git clone https://github.com/your-username/mini-dashboard.git
- Navigate to the project directory:
cd mini-dashboard
- Install the project dependencies:
npm install
- Start the development server:
ng serve
- Open your web browser and access the application at http://localhost:4200.
- A visually appealing landing page with a full-page image.
- A single button to proceed to the table view.
- A navigation bar that appears on all routes except the landing page.
- Angular animations for smooth transitions.
- Responsive design for various screen sizes.
- A table displaying example JSON data.
- Filtering and sorting capabilities.
- Responsive design for data presentation.
- A route demonstrating the use of custom directives.
- A styled with default and custom text content.
- Angular directive applied to modify text content on click.
You can customize the project by:
- Replacing the example JSON data with your dataset.
- Enhancing the styling and theming to match your preferences.
- Adding more features, animations, or interactive elements.
This project was created as part of a skills assessment for an application at Serviceburo - Perx. Thanks to Angular and Angular Material for providing the tools to build web applications. Feel free to reach out with any questions or feedback!