Admin Dashboard

Overview of the Front-end Interface

The front-end interface is designed to enhance user experience, providing easy access to the application’s functionalities. Key features include:

1. Create New Order

Users can easily create new orders by filling out a form that includes:

• Order ID
• User ID
• Selected products
• Total amount
• Order status

This form submits data to the database, creating a new order record.

2. Create New Product

Authorized users can add new products through a dedicated interface. This includes fields for:

• Product name
• Description
• Price
• Category

3. View All Orders and Products

Users can view all existing orders and products in a structured format. Each entry provides essential details:

• Orders: Order number, user ID, list of products, total amount, and status (e.g., completed, shipped, pending).

• 

• Products: Product name, description, category, and price, along with options to edit or delete products.

• 

4. User Information

Users can access their account details, including:

• Username
• Role
• Language
• Country
• Company name

This ensures transparency and control over their profiles.

Technologies Used

• Frontend: React, HTML, CSS
• Backend: Node.js
• Database: MongoDB

Front-End Features

1. Order Management

• Create new orders with an order ID, status, and list of products.
• View all orders, including order number, user ID, total amount, and status (completed, shipped, pending).

2. Product Management

• Create new products, including name, description, category, and price.
• View all products with options to edit or delete.

3. User Information Display

• Users can see their role, username, language, country, and company name.

Steps to Run the Application

1. Open the server terminal and execute the command:

   node server.js

2. A separate terminal, navigate to the frontend directory and run the command:

   npm start