ZiwiShop Ecommerce

screenshot of ZiwiShop Ecommerce
express
react
material-ui

ZiwiShop : An open source e-commerce Dashboard and website made for practice & learning.

Overview

Ziwishop is an innovative e-commerce platform specifically tailored for clothing, built on the robust MERN stack. This application combines the power of MongoDB, Express, React, and Node.js with a Vite frontend, creating a dynamic and responsive shopping experience. After a complete overhaul from an older version that utilized Bootstrap, Ziwishop now boasts a sleek and modern interface designed with Material-UI that caters to both shoppers and administrators alike.

The comprehensive features of Ziwishop ensure that users can navigate through a rich selection of products effortlessly while providing administrators with all the necessary tools to manage the platform efficiently. This balance between user experience and admin functionality makes Ziwishop a strong contender in the e-commerce space.

Features

  • Fully Responsive Design: Optimized to deliver a seamless user experience across various devices, ensuring accessibility for all users.
  • Props Validation: Ensures data integrity and proper component usage throughout the application by implementing props validation.
  • Input Validation: Enhances security and data integrity with both front-end and back-end input validation using Yup and validator.
  • User Authentication: Supports easy sign-in via Google OAuth and Facebook, enabling users to authenticate without complicated processes.
  • Admin Dashboard: Features charts and visualizations for efficient platform management and data analysis by administrators.
  • Product Management: Comprehensive functionality allows the creation, updating, and deletion of products, including a "Featured" option for showcasing special items.
  • Cloudinary Integration: Simplifies image management with seamless uploading and handling of multiple product images.
  • Advanced Search and Filters: Robust search capabilities with filters for categories, products, sizes, and price ranges, making it easy to find desired items.
express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

material-ui
Material UI

material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.

dashboard
Dashboard

A dashboard style website template is a pre-designed layout that features a user interface resembling a control panel or dashboard. It typically includes charts, graphs, tables, and other data visualization tools that allow users to monitor and analyze data in real-time.