https://github.com/marinactonci/admin-dashboard
This is an Angular application for an administration dashboard that allows users to manage payment orders and users. The application includes features like sorting, filtering, and pagination for payment orders, as well as authentication and role-based access control.
https://github.com/marinactonci/admin-dashboard
angular json-server primeng
Last synced: 5 months ago
JSON representation
This is an Angular application for an administration dashboard that allows users to manage payment orders and users. The application includes features like sorting, filtering, and pagination for payment orders, as well as authentication and role-based access control.
- Host: GitHub
- URL: https://github.com/marinactonci/admin-dashboard
- Owner: marinactonci
- Created: 2024-07-02T11:54:44.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-15T11:21:53.000Z (about 1 year ago)
- Last Synced: 2025-04-05T09:51:06.281Z (6 months ago)
- Topics: angular, json-server, primeng
- Language: TypeScript
- Homepage:
- Size: 189 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Admin Dashboard
## Prerequisites
Before you can run this application, make sure you have the following installed:
- Node.js (version 22.3.0)
- npm (version 10.8.1)
- Angular CLI (version 18.0.6)
## Installation
1. **Clone the repository**:
```sh
git clone https://github.com/marinactonci/admin-dashboard.git
cd admin-dashboard
```
2. **Install dependencies**:
```sh
npm install
```
3. **Install JSON Server** (if not already installed globally):
```sh
npm install -g json-server
```
## Running the Application
1. **Start JSON Server**:
JSON Server will serve as our mock backend. Make sure to run it from the project directory where `db.json` is located.
```sh
json-server --watch db.json
```
By default, JSON Server runs on port 3000. Ensure it is running before starting the Angular application.
2. **Start the Angular Application**:
Open another terminal window in the project directory and run:
```sh
ng serve
```
This will start the Angular development server. By default, the application will be accessible at `http://localhost:4200`.
3. **Access the Application**:
Open your web browser and navigate to:
```sh
http://localhost:4200
```
## Usage
**Login**:
- Use any user credentials present in `db.json` under the `users` array.
- The credential for admin user is:
```json
{
"email": "admin@mail.com",
"password": "admin"
}
```