Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/amruthlp12/e-commerce
Simple E-Commerce Website .This project is a straightforward e-commerce website built with modern web technologies like Next.js, MongoDB, TailwindCSS, NextAuth, and Redux. It features essential e-commerce functionalities such as product listing, cart management, and user authentication with Google.
https://github.com/amruthlp12/e-commerce
authentication cartfunctionality deploy ecommerce-website full-stack googlelogin mern mern-stack mongodb next-auth nextjs nextjs14 reactjs redux redux-toolkit tailwindcss
Last synced: 2 days ago
JSON representation
Simple E-Commerce Website .This project is a straightforward e-commerce website built with modern web technologies like Next.js, MongoDB, TailwindCSS, NextAuth, and Redux. It features essential e-commerce functionalities such as product listing, cart management, and user authentication with Google.
- Host: GitHub
- URL: https://github.com/amruthlp12/e-commerce
- Owner: AmruthLP12
- Created: 2024-08-18T13:27:56.000Z (4 months ago)
- Default Branch: master
- Last Pushed: 2024-08-20T14:14:28.000Z (4 months ago)
- Last Synced: 2024-12-21T03:42:19.365Z (2 days ago)
- Topics: authentication, cartfunctionality, deploy, ecommerce-website, full-stack, googlelogin, mern, mern-stack, mongodb, next-auth, nextjs, nextjs14, reactjs, redux, redux-toolkit, tailwindcss
- Language: TypeScript
- Homepage: https://e-commerce-cwa.vercel.app/
- Size: 1.07 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Simple E-Commerce Website
This project is a straightforward e-commerce website built with modern web technologies like Next.js, MongoDB, TailwindCSS, NextAuth, and Redux. It features essential e-commerce functionalities such as product listing, cart management, and user authentication with Google.
## Features
- **Product Listing**: Display available products with all necessary details.
- **Cart Management**: Add, remove, and manage items in the cart with real-time updates.
- **Google Authentication**: Secure user authentication using Google via NextAuth.
- **Responsive Design**: Optimized for various devices using TailwindCSS.
## Tech Stack
- **Frontend**: Next.js, TailwindCSS, Redux
- **Backend**: Next.js API Routes, MongoDB
- **Authentication**: NextAuth (Google Login)
- **State Management**: Redux
## Installation
1. Clone the repository:
```bash
git clone https://github.com/AmruthLP12/e-commerce.git
cd e-commerce
npm install
```
2. Set up environment variables
- Create a .env.local file in the root directory.
- Add the following variables
```bash
GOOGLE_CLIENT_ID =
GOOGLE_CLIENT_SECRET =
NEXTAUTH_SECRET =
MONGO_URI =
UPLOADTHING_SECRET =
UPLOADTHING_APP_ID =
```
3. Run the development server
```bash
npm run dev
```
## Contact
If you have any questions or feedback, feel free to reach out:
GitHub: [AmruthLP12](https://github.com/AmruthLP12)
Portfolio: [amruthlp.vercel.app](https://amruthlp.vercel.app/)