Skip to main content
  1. All Posts/

ShopCoders

eCommerce JavaScript

What is ShopCoders ? πŸ€”

An Open source e-commerce application on the way to help all the devs out there get affordable yet authentic swags.

Why shop at ShopCoders ? πŸ›’

We at ShopCoders offer you official merchandise from all the coding event. These are mostly left out/ not gave-away merchs. So we tied up with 50+ official code companies like Github, Digital Ocean to bring you the best of the swags at an affordable price !!

Some technical information about the app βš™

⭐ This is a Next.js project bootstrapped with create-next-app.
⭐ We used Material UI, Bootstrap 5.0 and CSS for styling it.
⭐ We also used Google Fonts for awesome fonts.

Getting Started πŸ‘©β€πŸ’»

⭐ fork the repository to your account
⭐ git clone to clone the repo into your local system.
⭐ npm install to add all dependencies.
⭐ Add .env file with your personal MONGO_URI
⭐ Make your own personal OAuth application and copy the client ID in .env file.
⭐ npm run dev to start the next app on http://localhost:3000
⭐ That’s it you have it ready.
🍟 Open http://localhost:3000 with your browser to see the result.
🍟 You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.
🍟 API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.
🍟 The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Checkout my releases here πŸš€

πŸ”₯ Latest releases here : Releases

Deploy on Vercel πŸͺ

πŸš€ We have deployed our application on VERCEL.
πŸš€ You can acess it with : ShopCoders
πŸš€ Share this amazing work with your friends !!

OpenSource and ShopCoders 🍺

We are Open Source, and here’s how you can contribute :
🧁 fork, star the repository.
🧁 git clone to clone the repo.
🧁 Setup the repo with the guides.
🧁 Make all the changes you desire
🧁 git checkout -b to make a new branch.
🧁 Raise a PR with proper name.
🧁 Include Screenshot, Description, Issue Number in the PR.
🧁 WAIT for us to review !!
🧁 That’s it !!

Do give us a star, and follow me on Twitter