NawjisNN/Angular-17-Explore

Tespack is an Angular app with secure login and dynamic CRUD for product management, featuring multi-step forms.

Tespack

This project implements a simple authentication system with a multi-step form for CRUD operations on product data using Angular 17.3.5. It features secure authentication, session management, and dynamic forms for a seamless admin experience.

Project Setup

• Clone the Repository
  Clone the repository to your local machine:

  git clone https://github.com/NawjisNN/Angular-17-Explore.git

• Install Dependencies
  Navigate to the project directory and install the required dependencies:

  cd Angular-17-Explore

  npm install

• Development Server
  Launch the development server:

  ng serve

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Features

Authentication

• Login Page: A simple login interface with fields for email and password.
• Session Management: Uses local storage or session storage to securely save user authentication data.

Dashboard

• Product Listing: Displays a table with a list of products.
• CRUD Operations: Allows adding, editing, and deleting products dynamically without page reloads.

Multi-Step Form for Product Management

• Step 1: Basic product information such as name, description, multiple prices, brand, and tags.
• Step 2: Drag and drop functionality for image uploads.
• Step 3: Dynamic field addition for multiple tags.

Screenshots

Contributions

Contributions are welcome. Please fork the repository and submit pull requests to enhance the functionalities or documentation.

License

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