E-Commerce Frontend

A modern e-commerce frontend application built with React, TypeScript, and Material-UI.

Features

• 🛍️ Product listing with lazy-loaded images
• 🎨 Modern, responsive UI using Material-UI
• 📱 Mobile-friendly navigation with drawer menu
• 🔄 Dynamic page titles
• ⚡ Fast loading with Vite
• 🎯 Type-safe development with TypeScript

Tech Stack

• React 19
• TypeScript
• Material-UI v7
• React Router v7
• Redux Toolkit
• Axios
• Vite
• ESLint

Getting Started

Prerequisites

• Node.js (v18 or higher)
• npm or yarn

Installation

1. Clone the repository:

git clone https://github.com/smrutiranjan7274/ecom-frontend.git

2. Install dependencies:

cd ecom-frontend
npm install

3. Start the development server:

npm run dev

Available Scripts

• npm run dev - Starts development server
• npm run build - Builds the production application
• npm run lint - Runs ESLint for code linting
• npm run preview - Preview the production build locally
• npm run deploy - Deploy to GitHub Pages

Project Structure

src/
├── api/          # API client configuration
├── assets/       # Static assets
├── components/   # React components
├── hooks/        # Custom React hooks
├── App.tsx       # Root component
├── main.tsx      # Application entry point
└── theme.ts      # Material-UI theme configuration

Deployment

The application is configured for deployment to GitHub Pages. The production version can be accessed at: https://smrutiranjan7274.github.io/ecom-frontend

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

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