https://github.com/mscbuild/-website-reactjs-ecommerce
🏆 Discover website Ecommerce, where sleek design meets seamless functionality. Shop confidently with features like easy cart management, detailed product views, and instant order confirmations.
https://github.com/mscbuild/-website-reactjs-ecommerce
creative design ecommerce-website modern reactjs redux responsive website
Last synced: about 1 month ago
JSON representation
🏆 Discover website Ecommerce, where sleek design meets seamless functionality. Shop confidently with features like easy cart management, detailed product views, and instant order confirmations.
- Host: GitHub
- URL: https://github.com/mscbuild/-website-reactjs-ecommerce
- Owner: mscbuild
- Created: 2025-09-06T08:12:31.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-09-06T08:55:42.000Z (9 months ago)
- Last Synced: 2025-09-06T10:12:25.241Z (9 months ago)
- Topics: creative, design, ecommerce-website, modern, reactjs, redux, responsive, website
- Language: JavaScript
- Homepage: https://uomo-ecommerce-website.netlify.app/
- Size: 22.2 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# E-commerce Website Using ReactJS
**Powered by ReactJS, React Router DOM, Material UI, Redux Toolkit, and SwiperJS, our site ensures a smooth, responsive experience across all devices. Shop confidently with features like easy cart management, detailed product views, and instant order confirmations.**
## 📌 Live Demo
[](https://app.netlify.com/sites/uomo-ecommerce-website/deploys)
## 😎 Features
- Sleek and modern UI inspired by top e-commerce platforms
- Fully responsive, providing a seamless shopping experience on any device
- Effortless cart management, allowing users to add items with ease
- Detailed product views for informed purchasing decisions
- Real-time cart total updates for a transparent checkout process
- Adjustable item quantities directly from the product page, streamlining the shopping experience without repetitive clicks
- Interactive 3D t-shirt model, enhancing user engagement with an immersive shopping experience powered by Three.js
## 🚀 What technologies were used?
- React.js (Create React App)
- React Router DOM for seamless navigation
- Material-UI for modern and responsive UI components
- State management with Redux Toolkit
- Three.js for immersive 3D models
- Responsive web design principles for a mobile-friendly experience
---
## 📁 Project Structure
```
├── .gitignore
├── netlify.toml
├── package.json
├── README.md
├── public/
│ ├── favicon.ico
│ ├── index.html
│ ├── manifest.json
│ └── shirt_baked_2.glb
└── src/
├── App.css
├── App.js
├── App.test.js
├── index.css
├── index.js
├── reportWebVitals.js
├── setupTests.js
├── App/
│ └── store.js
├── Assets/
│ ├── logo.png
│ ├── nav-bg.jpg
│ ├── newsletter-popup.jpg
│ ├── pattern_bg.png
│ ├── paymentIcon.png
│ ├── slideshow-character1.png
│ ├── slideshow-character2.png
│ ├── slideshow-pattern.png
│ ├── success.png
│ ├── About/
│ ├── Banner/
│ ├── Blog/
│ ├── Brands/
│ └── Collection/
├── Components/
├── Data/
├── Features/
└── Pages/
```
---
## 🖥️ How can you clone and tweak this project?
From your command line, first clone this repo:
```
# Clone this repository
$ https://github.com/mscbuild/-website-reactjs-ecommerce.git
# Go into the repository
$ cd -website-reactjs-ecommerce
# Remove current origin repository
$ git remote remove origin
```
Then you can install the dependencies using NPM:
```
# Install dependencies
$ npm install
# Start development server
$ npm start
```
👨💻 Happy coding!
---