Skip to content

Latest commit

 

History

History
104 lines (72 loc) · 3.65 KB

README.md

File metadata and controls

104 lines (72 loc) · 3.65 KB
Raw

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.