Skip to content

A full-featured e-commerce application where users can browse products, add them to a cart, and make purchases.

Notifications You must be signed in to change notification settings

riteshk-007/Shop-Smart

Repository files navigation

Shop-Smart

image

Welcome to Shop-Smart! This project is a modern e-commerce application built with Next.js and a variety of powerful libraries and tools. You can view the live version of Shop-Smart here.

image image

Table of Contents

About

image

image

Shop-Smart is a fully-featured e-commerce application designed to provide a seamless and engaging shopping experience. It includes user authentication, product listings, a shopping cart, and payment integration.

Features

image

  • User authentication with NextAuth
  • Product listings with filtering options
  • Shopping cart functionality
  • Secure payment processing with Razorpay
  • Responsive design
  • Smooth animations and transitions

image

Technologies Used

  • Next.js 14.2.3 - React framework for production.
  • React 18 - JavaScript library for building user interfaces.
  • Tailwind CSS - Utility-first CSS framework for rapid UI development.
  • Prisma - Next-generation ORM for Node.js and TypeScript.
  • NextAuth - Authentication for Next.js applications.
  • Razorpay - Payment gateway integration.
  • Redux Toolkit - State management for JavaScript apps.
  • Radix UI - Unstyled, accessible components for building high-quality design systems and web apps.
  • React Hook Form - Performant, flexible, and extensible forms with easy-to-use validation.
  • Framer Motion - Production-ready animation library for React.
  • Recharts - Composable charting library built on React components.
  • ioredis - A robust, full-featured Redis client for Node.js.

Installation

image

Follow these steps to set up the project locally:

  1. Clone the repository:
    git clone https://github.com/riteshk-007/Shop-Smart.git
  2. Navigate to the project directory:
    cd Shop-Smart
  3. Install dependencies:
    npm install
  4. Run the development server:
    npm run dev

Usage

image

After completing the installation steps, you can access the project at http://localhost:3000 in your browser.

image

Available Scripts

image

  • npm run dev: Runs the app in development mode and generates Prisma client.
  • npm run build: Builds the app for production and generates Prisma client.
  • npm start: Runs the built app in production mode.
  • npm run lint: Lints the project for any linting errors.

Contributing

Contributions are welcome! If you have any suggestions or find any bugs, please feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License.

About

A full-featured e-commerce application where users can browse products, add them to a cart, and make purchases.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published