Skip to content

This is a modern e-commerce platform built with React and Vite. Currently in development, it focuses on delivering a clean, responsive, and user-friendly shopping experience.

henryIsHim/react-ecommerce

Repository files navigation

React E-commerce Platform

A modern, responsive e-commerce platform built with React, Vite, and Tailwind CSS. Features product browsing, detailed product pages, and admin functionality for managing products.

🚀 Live Demo

View Live Demo

✨ Features

  • Product Catalog: Browse products with filtering and search capabilities
  • Product Details: Detailed product pages with images and descriptions
  • Admin Dashboard: Admin interface for managing products
  • Responsive Design: Mobile-first responsive design with Tailwind CSS
  • Fast Navigation: React Router for smooth page transitions
  • Modern UI: Clean, intuitive user interface

🛠️ Tech Stack

  • Frontend: React 19, Vite
  • Styling: Tailwind CSS
  • Routing: React Router DOM
  • HTTP Client: Axios
  • Build Tool: Vite
  • Deployment: Netlify

🚀 Getting Started

Prerequisites

  • Node.js 20 or higher
  • npm or yarn

Installation

  1. Clone the repository
git clone <repository-url>
cd react-ecommerce
  1. Install dependencies
npm install
  1. Start the development server
npm run dev
  1. Open your browser and navigate to http://localhost:5173

📁 Project Structure

src/
├── components/         # Reusable UI components
├── pages/             # Page components
├── hooks/             # Custom React hooks
├── route/             # Route configurations
└── styles/            # CSS files

🔧 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 Components

  • ProductCard: Displays product information in a card format
  • Navbar: Navigation component with responsive design
  • AdminLayout: Layout wrapper for admin pages
  • ProductDetail: Detailed product view page

📱 Responsive Design

The application is fully responsive and optimized for:

  • Desktop computers
  • Tablets
  • Mobile devices

🚀 Deployment

The application is deployed on Netlify with automatic builds from the main branch.

🤝 Contributing

  1. Fork the repository
  2. Create a feature branch
  3. Commit your changes
  4. Push to the branch
  5. Open a Pull Request

📄 License

This project is licensed under the MIT License.

About

This is a modern e-commerce platform built with React and Vite. Currently in development, it focuses on delivering a clean, responsive, and user-friendly shopping experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages