Skip to content

πŸ“– About This project is a full-featured e-commerce frontend built with React.js, designed to provide users with a seamless shopping experience. It connects to a robust backend API to manage products, users, and orders efficiently.

Notifications You must be signed in to change notification settings

Viditjoshi/Full_Stack_Ecommerce_FrontEnd

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

23 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ›’ Full Stack E-Commerce Website - Frontend A responsive and dynamic E-commerce frontend built using React.js, featuring a modern UI/UX, state management with Redux, and Tailwind CSS for styling. This frontend connects with the backend API to provide a seamless shopping experience.

βš™οΈ Frontend Tech Stack React.js: Component-based frontend library Redux: State management for handling global state React Router: For managing navigation and routes Tailwind CSS: Utility-first CSS framework for responsive design Axios: For making API requests to the backend React Icons: Icon library for a modern look Context API: For theme (light/dark) toggling Framer Motion: For animations and interactive UI

✨ Frontend Features πŸ” Authentication Pages: Login & Register pages connected to the backend API

πŸ›οΈ Product Pages: Browse Products Search Products Product Details

πŸ›’ Cart Functionality: Add to Cart View Cart Items Update Cart Quantities Remove Items from Cart

πŸ’° Checkout Process: Secure Checkout Payment Gateway Integration (Planned)

πŸ–₯️ Responsive Design: Optimized for mobile, tablet, and desktop devices

πŸ“‚ Project Structure

frontend/
β”œβ”€β”€ public/
β”œβ”€β”€ src/
β”‚ β”œβ”€β”€ components/
β”‚ β”œβ”€β”€ pages/
β”‚ β”œβ”€β”€ redux/
β”‚ β”œβ”€β”€ utils/
β”‚ β”œβ”€β”€ App.js
β”‚ └── index.js

πŸš€ How to Run the Frontend Locally Clone the repository: git clone https://github.com/Viditjoshi/Full_Stack_Ecommerce_FrontEnd.git cd ecommerce-project/frontend

Install dependencies:

npm install

Start the development server: npm run dev

About

πŸ“– About This project is a full-featured e-commerce frontend built with React.js, designed to provide users with a seamless shopping experience. It connects to a robust backend API to manage products, users, and orders efficiently.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published