MKicks

About MKicks

MKicks is a unique online store specializing in hard-to-find, limited edition, and exclusive sneakers. Our platform is dedicated to providing sneaker enthusiasts with a curated selection of rare kicks that are often challenging to acquire through conventional means.

Traditional merchandise stores often grapple with the challenge of sourcing and providing access to rare, limited edition, and high-end sneakers. MKicks was born out of the desire to bridge this gap and bring these elusive treasures directly to your fingertips, regardless of their scarcity or exclusivity.

With MKicks Online Store, we aim to provide a convenient and accessible way for users to purchase merchandise items from the comfort of their homes.

Sneaker Brands

• Nike
• Adidas
• Jordan Brand
• Yeezy
• Off-White
• and many more.

Features

• Explore a handpicked collection of rare and limited edition sneakers.
• Overcome the challenges of finding elusive footwear in traditional stores.
• Secure iconic kicks that are typically difficult to locate and obtain.
• Enjoy a seamless and secure checkout process.

Technologies Used

• React (with Vite)
• Material-UI
• TypeScript
• HTML5
• CSS3
• Node.js
• Express
• NPM
• Mongoose
• JavaScript
• Joi
• MongoDB
• Stripe (for payment processing)

System Requirements

• Node.js: >= 14.0.0
• Supported Browsers: Chrome (latest), Safari (latest)
• Operating Systems: Windows, macOS

Dependencies

• React: ^17.0.2
• Node.js: ^14.17.6
• Material-UI: ^4.11.0

• you need to include an .env file in the server folder with: MONGODB_CONNECTION_STRING, PORT & STRIPE_SECRET_KEY.

  once you've included the .env file, you can paste the following code into it:

MONGODB_CONNECTION_STRING=mongodb+srv://ammarhasan011:WhgrDMbkNmi7VxNK@cluster0.uyrlsu9.mongodb.net/?retryWrites=true&w=majority
PORT=4000

STRIPE_SECRET_KEY=sk_test_51OacrtDugUdthfjaFc5Rpg5mQqnPbKfiSwYWKZDSh2FXEPZJK2KtEupXsaLGIUgmWIy4HQOAGECmhr40DY9E1lhL00vcyYFlPj

To install the project

You need to install all apps and packages, run the commandes:

Client:

$ cd client
$ npm install

Server:

$ cd server
$ npm install

To run the project

Then run the commands:

Client:

$ npm run dev

Server:

$ npm run dev