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.
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.
- 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.
- Node.js
- React.js
- npm
- MongoDB
# 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
- HTML5 and CSS3: Semantic Elements, CSS Grid, Flexbox
- JavaScript: ES6+, Array Functions, Rendering System
- React: Component-based architecture, State Management
- Node.js & Express: Web API, Body Parser, File Upload, JWT (JSON Web Tokens)
- MongoDB: Mongoose, Aggregation
- ESLint: Code Linting
- Babel: JavaScript Compiler
- Git & GitHub: Version Control
- Vercel: Platform for Deployment and Hosting
- Contributions are welcome! Please open an issue or submit a pull request to contribute.