/E-commerce

Sopwave is a dynamic e-commerce platform built with Next.js and TypeScript for a seamless user experience. It utilizes Redux Toolkit for global state management and JWT for secure authentication. MongoDB with Mongoose ensures scalable data handling, making Sopwave responsive and high-performing.

Primary LanguageTypeScript

🚀 About Me

Hi there I'm ANKIT YADAV a full stack developer with Nextjs (Reactjs), TypeScript, Nodejs and MongoDB

ShopWave - E-commerce with Admin Panel

Shopwave is a dynamic e-commerce platform leveraging the power of Next.js with TypeScript for a seamless and efficient frontend and backend experience. The platform ensures robust data management and scalability by utilizing MongoDB (with Mongoose). This modern tech stack enables Sopwave to deliver a responsive, high-performance user interface while maintaining a flexible and secure server infrastructure.

Screenshot 2024-07-22 101815 Screenshot 2024-07-22 101918 Screenshot 2024-07-22 104353 Screenshot 2024-07-22 102251 Screenshot 2024-07-22 102036 Screenshot 2024-07-22 102007

Tech Stack

Client: Nextjs, TypeScript, TailwindCSS

Server: Node(Nextjs)

Database: MongoDB, Mongoose

Optimizations

  • Next.js with TypeScript : Powers both the frontend user interface and the backend server for a seamless experience.

  • Redux Toolkit : Manages global state efficiently across the platform.

  • JWT (JSON Web Tokens) : Implements secure token-based authentication.

  • MongoDB (with Mongoose) : Provides scalable and robust data management.

This tech stack ensures Sopwave is responsive, high-performing, and secure.

Run Locally

Clone the project

  git clone https://github.com/webdevankit07/E-commerce.git

Go to the project directory

  cd E-commerce

Install node_modules

  npm install

Start server

  npm run dev

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

Frontend ENV:

NEXT_PUBLIC_BASE_URL

NEXT_PUBLIC_API_BASE_URL

RazorPay ENV:

NEXT_PUBLIC_RAZORPAY_KEY_ID

RAZORPAY_KEY_ID

RAZORPAY_KEY_SECRET

Backend ENV:

DATABASE_URL

ACCESS_TOKEN_SECRET

REFRESH_TOKEN_SECRET

RESEND_API_KEY

CLOUD_NAME

CLOUD_API_KEY

CLOUD_API_SECRET

🔗 Links

portfolio linkedin

Authors