Skip to content
/ Radon Public

E-commerce website built using Next.js, Redux, Tailwind CSS, MongoDB

License

Notifications You must be signed in to change notification settings

Pinqua/Radon

Repository files navigation


Radon

A full-stack e-commerce website designed using Figma and built using Next.js, Nextauth, Redux, Tailwind CSS, MongoDB

Logo

Demo

https://radon.vercel.app

Screenshots

App Screenshot

Features

  • 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

Run Locally

Clone the project

  git clone https://github.com/Pinqua/Radon.git

Go to the project directory

  cd Radon

Install dependencies

  npm install

Create 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 dev

Admin 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.  

182356880-d13b94f1-2a21-4e4e-8d1a-bb4faca0e61d (1)

Stripe Payment Gateway

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

Contributing

Contributions are always welcome!

Appendix

Data inserted in the database was pulled form fakeStoreAPI to kickstart the project.

License

MIT



If you liked the repository, show your ❤️ by starring and forking it.