UOMO E-commerce Website Using ReactJS

📌 Live Demo

https://uomo-ecommerce-website.netlify.app/

😎 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/shakti177/uomo-ecommerce-website-reactjs.git

# Go into the repository
$ cd uomo-ecommerce-website-reactjs

# 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

Star History

👨‍💻 Happy coding!