Mern Ecommercekit

Project Title:

ECommerce Kit (In process of completion)

View Live:

https://ecommercekit.sheikhtabarak.me/

How to navigate:

• Home (User): https://ecommercekit.sheikhtabarak.me/

• Shop Page (User): https://ecommercekit.sheikhtabarak.me/

• Login Page(User): https://ecommercekit.sheikhtabarak.me/login

• Revenue Analysis (Admin): https://ecommercekit.sheikhtabarak.me/dashboard/overview

• Inventory Managment (Admin): https://ecommercekit.sheikhtabarak.me/dashboard/products

• Product Registration (Admin): https://ecommercekit.sheikhtabarak.me/dashboard/products/new-product

• Orders Mangment (Admin): https://ecommercekit.sheikhtabarak.me/dashboard/products/orders

Project Description:

ECommerce Kit is a complete and robust web-based system built using MERN STACK (React.js, Node js, Express js and Mongo DB) with Tailwind CSS, and Redux as supporting techonologies that offers comprehensive functionalities for revenue analysis, inventory management, and product registration. This system empowers businesses with valuable insights and efficient management tools. Here's an overview of its key features:

Features:

1. Revenue Analysis Page:

• Real-time display of total orders and sales (revenue).
• Interactive charts for revenue trends and comparisons.
• Filter revenue data by product categories.
• Interactive charts to visualize order and sales trends over time (daily, weekly, monthly, annually).

2. Inventory Management Page:

• List view of all products with current inventory status.
• Sorting, filtering, and search options for products.
• Functionality to update inventory levels.
• Low inventory alerts and forecasting to facilitate timely restocking

3. Product Registration:

• User-friendly form to add new products to the inventory.
• Fields for product name, description, price, and initial stock level.
• Option to upload product images.
• Successful submissions instantly update the inventory and reflect changes across the dashboard.

Frontend Technologies Used:

• React js
• Redux
• Tailwind

Backend Technologies Used:

• Node js
• Express js
• Mongo db
• JWT

Frontend Libraries/Dependencies Used:

react-toastify

react-apexcharts

react-redux

chart.js

react-dom

uuid

Backend Libraries/Dependencies Used:

express

express-jwt

jsonwebtoken

mongoose

morgan

multer

bcryptjs

cors

This system provides businesses with a powerful toolset to streamline revenue analysis, optimize inventory management, and facilitate seamless product registration. Its clean and modern design, coupled with the use of cutting-edge technologies, ensures an exceptional user experience.

How to Clone and use:

1. Folder is having backend as "server" and frontend as "client" in the repositatory:

2. Clone the branches seperately or main:

   git clone https://github.com/sheikh-tabarak/ecommercekit.git
   

3. Install NPM packages in both of folders indiviually. (server,client)

   npm install
   

4. Once you'll see a folder named "node-modules in your root folder of both folders (server,client). Run both in seperate folders using:

   npm start