Welcome to the Product Catalog App! This project is designed and developed as a full-stack application that provides a comprehensive catalog of products with various features for easy management.
This project aims to create a user-friendly product catalog with the following key features:
- List products with pagination and search functionality.
- Create new products and view them in the catalog.
- Edit existing products.
- Preview detailed information of a product.
- Maintain a history of price and stock changes for each product.
-
Product Listing:
- View a paginated list of products.
- Utilize a search feature to find specific products.
-
Product Management:
- Create new products with details such as name, description, SKU, image, tags, price, and stock.
- Edit existing products to update their information.
- Delete products from the catalog.
-
Product Details:
- View detailed information about a product.
- Decide whether to edit or delete a product from the product details page.
-
Database History:
- The system maintains a history of price and stock changes for each product, allowing for tracking changes over time.
To run this project, you'll need the following:
- Node.js and npm installed on your system. You can download them from nodejs.org.
- MongoDB installed and running as the database server.
Follow these instructions to get the project up and running on your local machine.
-
Clone the repository to your local machine:
git clone https://github.com/zejiran/product-catalog.git
-
Navigate to the project directory:
cd product-catalog
-
Install backend dependencies:
cd backend npm install
-
Install frontend dependencies:
cd frontend npm install
- In the
backend
directory, create a.env
file with the following content according to your MongoDB configuration:MONGO_URI=mongodb://host:password/product-catalog
-
In the
frontend
directory, you can edit theapiURL
in the code to point to your backend server:const apiURL = 'http://localhost:3001/api/products';
-
Start the Node.js backend server:
cd backend npm start
The backend will be available at
http://localhost:3001
. -
Start the Angular frontend:
cd frontend ng serve
The frontend app will be available at
http://localhost:4200
in your web browser. -
Use the application to manage your product catalog.
- MIT license
- Copyright 2023 © Juan AlegrÃa