A full-stack e-commerce website designed using Figma and built using Next.js, Nextauth, Redux, Tailwind CSS, MongoDB
- Responsive
- Real Time and Dynamic
- Progressive Web App (PWA)
- Payment Gateway integration
- Admin Dashboard with functionalities like adding products, deleting a product, updating products, adding a category, viewing users registered, updating order status, and canceling orders
- State management using Redux
- Google authentication
- Track order status real time
- Cancel orders
Clone the project
git clone https://github.com/Pinqua/Radon.gitGo to the project directory
cd RadonInstall dependencies
npm installCreate a .env.local file inside project directory with fields given below.
# Authentication
GOOGLE_ID=
GOOGLE_SECRET=
# Need to add this to... google cloud
# http://localhost:3000/api/auth/callback/google
NEXTAUTH_URL=http://localhost:3000
HOST=http://localhost:3000
# Stripe
STRIPE_PUBLIC_KEY=
STRIPE_SECRET_KEY=
# Stripe Terminal/CLI
STRIPE_SIGNING_SECRET=
# Testing Webhook
# stripe listen --forward-to localhost:3000/api/webhook
# Mongodb Database
# Your database name
MONGODB_DB=
# Add monogdb connection url
MONGO_URI=
# Add mongodb connection url but with driver node.js and version 2.2.12 or later
MONGODB_URI=
Start the server
npm run devAdmin Access
To gain admin access, you need to add your email ID to the admin collection in MongoDB.
After adding it, try logging in with the same email ID, and you should see the dashboard option.
Test Stripe payment gateway with these card details.
BRAND - VISA
CARD NUMBER - 4242424242424242
CVC - Any 3 digits
DATE - Any future date
See details: https://stripe.com/docs/testing
Contributions are always welcome!
Data inserted in the database was pulled form fakeStoreAPI to kickstart the project.
If you liked the repository, show your ❤️ by starring and forking it.