π 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