https://github.com/floriant3/ecommerce-uomo-react

Discover Uomo Ecommerce, where sleek design meets seamless functionality. 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.
https://github.com/floriant3/ecommerce-uomo-react

css ecommerce html javascript react react-ecommerce react-router redux-toolkit responsive-web-design threejs

Last synced: 16 days ago
JSON representation

Discover Uomo Ecommerce, where sleek design meets seamless functionality. 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.

• Host: GitHub
• URL: https://github.com/floriant3/ecommerce-uomo-react
• Owner: floriant3
• Created: 2025-07-27T20:10:43.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2025-07-28T01:26:26.000Z (9 months ago)
• Last Synced: 2025-08-08T09:07:37.669Z (9 months ago)
• Topics: css, ecommerce, html, javascript, react, react-ecommerce, react-router, redux-toolkit, responsive-web-design, threejs
• Language: JavaScript
• Homepage:
• Size: 22.2 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# UOMO E-commerce Website Using ReactJS

![uomo-ecommerce-website-reactjs](https://socialify.git.ci/shakti177/uomo-ecommerce-website-reactjs/image?custom_language=React&forks=1&issues=1&language=1&name=1&owner=1&pattern=Solid&pulls=1&stargazers=1&theme=Auto)

## 📌 Live Demo

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

[![Netlify Status](https://api.netlify.com/api/v1/badges/fec4a869-298c-4e9c-8df6-cb6f132f7bd8/deploy-status)](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/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!

---