e-commerce-web-nextjs-client-app

E-commerce Web - Next.js Client App

🌐 Live Demo: (https://e-commerce-web-nextjs-client-app.vercel.app/) 📂 GitHub Repo: (https://github.com/EngrArfin/e-commerce-web-nextjs-client-app)

Welcome to E-commerce Web, a modern, responsive e-commerce platform built with Next.js and TypeScript. This app serves as the front-end for an online shopping platform with a smooth user experience and powerful features.

Features

• User Authentication (Sign Up, Login, Social Auth via NextAuth)
• Browse and filter products
• Product detail pages with reviews and ratings
• Shopping cart with add/remove functionality
• Real-time order management
• Payment processing (Stripe integration)
• Admin panel for managing products and orders
• Fully responsive design for both mobile and desktop

---

Technologies Used

• Next.js - React framework for server-side rendering and static site generation
• TypeScript - Strongly typed JavaScript
• Tailwind CSS - Utility-first CSS framework for responsive design
• Ant Design - Design system with a set of high-quality React components
• Redux Toolkit - State management solution
• NextAuth - Authentication library for managing user sign-ins
• Axios - HTTP client for making requests
• MongoDB & Mongoose - NoSQL database for storing data
• Stripe - Payment gateway for handling transactions
• React - JavaScript library for building UI components
• Chart.js & Recharts - Data visualization for charts and graphs

---

Installation process

1. Clone the repository:

   git clone https://github.com/yourusername/e-commerce-web-nextjs-client-app.git
   cd e-commerce-web-nextjs-client-app

   install

   npm install

   Create .env file and give your info...

   In order for this project to work, make sure to define the following environment variables in your .env file:

  NEXT_PUBLIC_MONGODB_URI=
  NEXT_PUBLIC_API_URLL=
  GITHUB_ID=
  GITHUB_SECRET=
  GOOGLE_ID=
  GOOGLE_SECRET=
  NEXTAUTH_SECRET=

run project

   npm run dev