MamaEarth Clone

This project is a clone of the MamaEarth website, built using React.js, Chakra UI, and React Chart.js, and created with Vite.

Table of Contents

• Features
• Technologies Used
• Folder Structure
• Some Clone page Snippet
• DashBoard

Features

• User authentication
• Product search
• Product sort
• Shopping cart
• Dashboard with charts

Technologies Used

• React.js
• Chakra UI
• React Chart.js
• Vite

Folder Structure

├── API
│   └── db.json
├── mamaEarth_clone
│   ├── public
│   │   └── assets file
│   ├── src
│   │   ├── allJsonUrl
│   │   │   └── allJsonUrl.js
│   │   ├── components
│   │   │   └── Nav.jsx
│   │   ├── context
│   │   │   ├── cartContext.jsx
│   │   │   └── searchContext.jsx
│   │   ├── customHook
│   │   │   └── useFetchData.jsx
│   │   ├── dashBoard
│   │   │   └── ... Dashboard files
│   │   ├── pages
│   │   │   └── ... Page files
│   │   └── App.jsx
│   └── main.jsx
└── package.json

Some Clone page Snippet

DashBoard