Skip to content

Cleopatra is a modern and responsive eCommerce website designed to provide an intuitive shopping experience.

Notifications You must be signed in to change notification settings

Ulephraim/Cleopatra-Ecommerce

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 

Repository files navigation

CLEOPATRA eCommerce Site

A modern and responsive eCommerce website built with the MERN stack (MongoDB, Express, React, Node.js), designed to provide an intuitive shopping experience. This project features product listings, a shopping cart, and a wishlist.

Table of Contents

Overview

This eCommerce site offers a sleek and user-friendly interface for browsing products, managing a shopping cart, and creating a wishlist. The site is designed to be easily extendable and customizable, making it an ideal starting point for any online retail project.

Features

  • Product Listings: Browse a catalog of products with detailed information and images.
  • Shopping Cart: Add products to a cart, view the cart, and manage quantities.
  • Wishlist: Save favorite products to a wishlist with easy toggling between solid and outlined heart icons.

Installation

Prerequisites

  • Node.js
  • React.js
  • npm
  • MongoDB

Steps

# Clone the repository
git clone https://github.com/Ulephraim/Cleopatra-Ecommerce.git

# Navigate to the project directory
cd Cleopatra-Ecommerce

# Install dependencies for the backend
npm install

# Install dependencies for the frontend
cd frontend
npm install
cd ..

# Start the backend server
npm start

# Start the frontend development server
npm start

Technologies Used

Frontend:

  • HTML5 and CSS3: Semantic Elements, CSS Grid, Flexbox
  • JavaScript: ES6+, Array Functions, Rendering System
  • React: Component-based architecture, State Management

Backend:

  • Node.js & Express: Web API, Body Parser, File Upload, JWT (JSON Web Tokens)

Database:

  • MongoDB: Mongoose, Aggregation

Development Tools:

  • ESLint: Code Linting
  • Babel: JavaScript Compiler
  • Git & GitHub: Version Control

Deployment:

  • Vercel: Platform for Deployment and Hosting

Contributing

  • Contributions are welcome! Please open an issue or submit a pull request to contribute.

About

Cleopatra is a modern and responsive eCommerce website designed to provide an intuitive shopping experience.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published