Skip to content

Repository files navigation

GetHome - Modern E-Commerce Platform

Author: SihamNafie24

About GetHome

GetHome is a modern, full-featured e-commerce platform built with React and Vite. It offers a seamless shopping experience for home products, kitchen tools, and smart home devices.

Features

  • Product Catalog - Browse 100+ products with advanced filtering
  • Smart Search - Real-time search functionality
  • Shopping Cart - Full cart management with quantity controls
  • Wishlist - Save favorite products
  • Product Ratings - Customer reviews and ratings
  • Responsive Design - Mobile-first, works on all devices
  • Modern UI - Clean design with smooth animations
  • Category Filters - Filter by category and price range
  • Stock Management - Real-time stock availability
  • Advanced Sorting - Sort by price, name, and ratings

Tech Stack

  • Frontend: React 18
  • Build Tool: Vite
  • Routing: React Router v6
  • Styling: TailwindCSS
  • Animations: Framer Motion
  • Icons: Heroicons
  • Notifications: React Hot Toast
  • State Management: React Context API

Installation

  1. Clone the repository:
git clone https://github.com/SihamNafie24/GetHome.git
cd GetHome
  1. Install dependencies:
npm install
  1. Run the development server:
npm run dev
  1. Open your browser and visit http://localhost:5173

Project Structure

GetHome/
├── public/
│   └── images/
│       ├── about-story.jpg
│       └── team/
├── src/
│   ├── components/
│   │   └── layout/
│   │       ├── Footer.jsx
│   │       └── Navbar.jsx
│   ├── context/
│   │   └── CartContext.jsx
│   ├── pages/
│   │   ├── About.jsx
│   │   ├── Contact.jsx
│   │   ├── Home.jsx
│   │   ├── Products.jsx
│   │   └── ProductDetails.jsx
│   ├── App.jsx
│   └── main.jsx
├── package.json
└── README.md

Available Scripts

  • npm run dev - Start development server
  • npm run build - Build for production
  • npm run preview - Preview production build
  • npm run lint - Run ESLint

Key Pages

Home

  • Hero section with featured products
  • Category showcase
  • Latest products display

Products

  • 100+ products with images
  • Advanced filtering (category, price)
  • Search functionality
  • Wishlist feature
  • Product ratings and reviews
  • Stock availability indicators

About

  • Company story
  • Team members
  • Core values
  • Statistics and achievements

Contact

  • Contact form
  • Business information
  • Location details
  • FAQ section

Features in Detail

Product Management

  • Dynamic product generation
  • Real-time filtering and sorting
  • Stock status tracking
  • Rating system (1-5 stars)
  • Customer review counts

Shopping Experience

  • Add to cart functionality
  • Wishlist management
  • Responsive product cards
  • Smooth animations
  • Empty state handling

User Interface

  • Clean, modern design
  • Teal accent colors
  • Hover effects and transitions
  • Mobile-responsive layout
  • Intuitive navigation

Contact Information

License

This project is open source and available under the MIT License.

Developer

Developed by SihamNafie24


Star this repository if you find it helpful!

About

"Modern e-commerce platform for home products" Framework: React 18.2.0 with JSX syntax | Build Tool: Vite | Routing: React Router DOM | Styling: TailwindCSS |UI Libraries: Framer Motion (animations) Heroicons (icons) Headless UI (components)

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages