UomoUI

UomoUI is a modern, responsive, and pixel-perfect eCommerce frontend UI built using React JS, Vite, and Tailwind CSS. The project focuses on reusable components, clean architecture, and scalable UI design for modern eCommerce applications.

🌐 Live Preview: https://uomo-ui.vercel.app 📦 GitHub Repository: https://github.com/basudevkumer/uomo-ui

---

✨ Features

• Modern React 19 based frontend
• Vite for fast development and build
• Tailwind CSS for modern styling
• Fully Responsive Design
• Reusable UI Components
• Smooth animations with Framer Motion
• Product sliders using Swiper / React Slick
• State Management with Zustand
• API Caching with TanStack React Query
• Virtualized Rendering with TanStack Virtual
• Firebase Integration
• Clean React Router DOM navigation

---

🧩 Pages Included

• Home
• Shop
• Product Single
• Cart
• Checkout
• Order Tracking
• Shop Info
• Collection
• Journal
• LookBook
• Dashboard
• Wishlist
• Account Details
• Address Management
• Orders
• Logout
• 404 Not Found Page

---

🗺️ Routing Structure

Routing is handled using React Router DOM.

/
├── Home
├── Collection
├── Journal
├── LookBook
├── Shop
├── Cart
├── Shop Single
├── Order Tracking
├── Checkout
├── Shop Info
│
└── Dashboard
    ├── Account
    ├── Orders
    ├── Address
    ├── Account Details
    ├── Wishlist
    └── Logout

---

🧱 Project Structure

src
│
├── component
│   ├── common
│   ├── shopMain
│   ├── navbar
│   ├── sliders
│   └── mainDashboard
│
├── page
│   ├── Home
│   ├── Shop
│   ├── CollectionPg
│   ├── Journal
│   ├── LookBook
│   └── NotFound
│
├── rootlayout
│   └── Rootlayout.jsx
│
├── App.jsx
└── main.jsx

---

⚙️ Tech Stack

Technology	Usage
React	Frontend Library
Vite	Development Build Tool
Tailwind CSS	Utility-first CSS Framework
React Router DOM	Client-side Routing
Framer Motion	Animation
Firebase	Backend Service
TanStack React Query	Data Fetching
TanStack Virtual	Virtualized Lists
Zustand	State Management
Swiper / React Slick	Product Sliders

---

📦 Installation

Clone the repository

git clone https://github.com/basudevkumer/uomo-ui.git

Go to project directory

cd uomo-ui

Install dependencies

npm install

Run development server

npm run dev

---

🏗️ Build Project

Create production build

npm run build

Preview production build

npm run preview

---

👨‍💻 Team

This project is developed by Creative IT Institute Internship Program.

Batch: EBT-WEB-1

Team Leader

• Jhulon Kumar Ray GitHub: https://github.com/basudevkumer

Collaborators

• Al Mahmud GitHub: https://github.com/almahmud-dev

• Muhammad Jihad GitHub: https://github.com/jihadcodes

• MD Jaber GitHub: https://github.com/mdjaberdev

• Moazzem Hossain GitHub: https://github.com/Moazzem-Rafi

• Shoumen Biswas GitHub: https://github.com/shoumen-shomu

---

🚧 Project Status

🟡 Current Status: Running

The project is actively under development. New UI components and pages are being added.

---

🤝 Contribution

If you want to contribute:

1. Fork the repository
2. Create a feature branch
3. Commit your changes
4. Submit a Pull Request

---

📄 License

This project is licensed under the MIT License.