ecomm-portfolio-next

Overview

Ecommerce application with exceptional UI and Dynamic products, discount and coupon system

---

Table of Contents

• Features
• Demo
• Installation
• Prerequisites
• Technologies Used

---

React/JS Features used

• useContext [Item: Add, Delete, Increment qty, Decrement Qty]
• useReducer
• useState
• Server-Side Rendering (SSR)
• Static Site Generation (SSG)
• Dynamic Routing
• IIFE
• Custom hook [Add, Delete Cart Animation]
• Compound Pattern for Animations
• map() filter() reduce() Patterns

---

Product Features

• Home Page
• Product Page
• All Products Page [with filters]
• Cart Page
• Dynamic Coupon system
• Add To Cart [persistant across all pages]
• Dynamic Discount system

Demo

Live urls of this project:

• Homepage
• Products page
• Product page
• Cart page

---

Technologies Used

• React
• NextJs
• Tailwind CSS
• Shadcn UI
• useContext
• JSON
• Vercel Deployment

---

Prerequisites

• Node.js (Ensure you have Node.js installed)
• Yarn or npm (Either is fine)

---

Installation

git clone https://github.com/prabhjeevnijjar/ecommerce-next-project.git
cd ecommerce-next-project
npm install
npm run dev
Visit -> http://localhost:3000