Angular Application

Overview

This Angular application serves as a frontend for managing car showrooms and user management. It includes features for viewing, creating, and deleting car showrooms, as well as managing user roles and permissions.

Table of Contents

• Features
• Technologies
• Setup
• Running the Application
• Folder Structure
• Contributing
• License

Features

• User authentication and authorization (Bonus)
• Dashboard for admins (Bonus)
• User management (Bonus)
• View and manage car showrooms
• View and manage car
• Design with Ng Zorro

Features Detail

User Authentication (Bonus)

• Registration for new users: Users can easily register for an account.
• Secure login functionality: Existing users can log in securely.

Car Showroom Management

• Create and manage car showrooms: Users can create and manage their car showrooms.
• Edit and update existing car showrooms: Modify details of current showrooms.
• View a paginated list of available car showrooms: Easily navigate through showrooms.
• Access detailed information about specific car showrooms: Get comprehensive details for each showroom.
• Dropdown selection for available car showrooms: Simplified selection process for users.
• Delete car showrooms as needed: Remove showrooms that are no longer required.

Car Management

• Add new cars to the inventory: Expand inventory with new car additions.
• Remove cars from the inventory: Easily delete cars that are no longer available.
• View a filtered and paginated list of cars: Browse through cars with ease.
• Delete car as needed (Bonus): Remove cars that are no longer required.

User Management for Admins (Bonus)

• Retrieve and manage all registered users with pagination: Admins can view and manage users efficiently.
• Update user status: Activate or deactivate accounts as necessary.
• Access statistical data: Monitor user and application performance through analytics.

Authorization and Security (Bonus)

• Seamless integration of secure authentication mechanisms: Ensures a safe user experience.
• Protection of sensitive areas: Secures application features based on user roles.

Technologies

• Angular 17
• TypeScript
• RxJS
• Ng Zorro Ant Design
• Angular Router
• HTTP Client for API calls

Setup

1. Clone the repository:

   git clone https://github.com/0VP0/car-showroom-frontend.git
   cd car-showroom-frontend

2. Install the dependencies:

   npm install

Running the Application

To run the application locally, use the following command:

ng serve

Navigate to http://localhost:4200/ in your browser.

Folder Structure

src/
├── app/
│   ├── services/           # Contains all services for API calls
│   ├── guards/             # Contains route guards for authentication
│   └── modules/            # Feature modules
├── assets/                 # Static assets like images and styles
└── index.html              # Main HTML file