Skip to content

Kool kicks is a fully functional online sneaker store. Build using MERN stack.

Notifications You must be signed in to change notification settings

PriyanshShrivastava/kool-kicks

Repository files navigation

Kool kicks

Kool kicks is a fully functional sneaker store. Where uou can find your perfect pair of casual shoes as well as sneakers. Browse a wide selection of trendy kicks, from classic to cutting-edge designs. Shop now and step up your style game.

Features

  1. Authorization: 1.a Private routes for Admin or users 1.b Register/ Login and a Forgot Password.

  2. UI: 2.a A fully responsive UI for every screen sizes 2.b Funky design and a bit of a dynamic color palette.

  3. Database (MongoDB): 3.a All the data rendering on your screen is coming from a database not from some local dataset.

  4. Admin Panel: 4.a As a admin you can perform CRUD operations on categories as well as products and it will reflected back to the actual site.

  5. Integrated payment gateway: 5.a We have integrated a payment gateway as well to complete the whole experience ( Razorpay)

  6. Extras: 6.a A pretty product detail page.
    6.b A cool checkout page with dynamic content.
    6.c Filters based on categories, price as well as name.

Screenshots

Desktop version: Desktop view

Cart: Cart

Register:

image

Login:

Login and signup

Smartphone view:

Smartphone Smartphone View

Tech Stack : MERN

Technology and Packages used:

Front end:

  • React.js - A component based js library to build UI.
  • Toast - for notifications
  • React Router - For creating internal routes ( obviously)
  • React hooks - State management , navigation and orchestration.

Backend:

  • Node.js - Js runtime
  • Express - A node js frame work to make writing js in node easy.
  • bcrypt and JTW - Password encryption and user Authorisation

Database:

  • MongoDB - A NoSQL database
  • mongoose - ODM library for MongoDB

API testing:

  • Postman ( Preferred ) -Thunderclient

Hosting:

  • Render( backend )
  • Netlify ( frontend )

Installation

Install Sky Watch with npm

  git clone 'https://github.com/PriyanshShrivastava/kool-kicks.git'
  cd kool-kicks
  npm install
  npm run start

Documentation

Vite Documentation

React Documentation

For UI refer to this repository Frontend

Authors

About

Kool kicks is a fully functional online sneaker store. Build using MERN stack.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published