Skip to content

Ecommerce Kit a robust web-based system using React.js, Tailwind CSS, and Redux that offers comprehensive functionalities for revenue analysis, inventory management, and product registration. This system empowers businesses with valuable insights and efficient management tools.

Notifications You must be signed in to change notification settings

KhogaEslam/mern-ecommercekit

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 

Repository files navigation

Cover Image

Project Title:

ECommerce Kit (In process of completion)

View Live:

https://ecommercekit.sheikhtabarak.me/

How to navigate:

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

Footer Image

About

Ecommerce Kit a robust web-based system using React.js, Tailwind CSS, and Redux that offers comprehensive functionalities for revenue analysis, inventory management, and product registration. This system empowers businesses with valuable insights and efficient management tools.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 96.0%
  • CSS 3.6%
  • HTML 0.4%