Skip to content

mohitm15/chesswear

Repository files navigation


Contributors Forks Stargazers Issues LinkedIn

chesswear

wear the chess !
Explore the docs »

View Demo · Report Bug · Request Feature

About The Project

[ img

Chesswear, as its name suggests is an e-commerce platform where you can find a variety of Chess-Inspired items. Not only the conventional ChessBoards, but you can also try different Chess-based Tshirts and Hoddies. Other accessories also include Mugs. Get these products on hand with just a few clicks. We will take care of your order placement to delivery status.

From a technical perspective, this is a web app majorly based on NextJS and data is hosted over Mongo atlas.

(back to top)

Built With

The list any major frameworks/libraries used to bootstrap the project are give below

(back to top)

Getting Started

To get a local copy of the project and run the following simple steps.

Prerequisites

Package.json file mentioned the requirements you need to use the software and how to install them.

  • npm

    npm install npm@latest -g
  • Any code editor of your choice (VScode preferable )

  • Mongo Atlas SignUp

Installation

  1. Clone the repo
    git clone https://github.com/mohitm15/chesswear.git
  2. Install NPM packages and requirements
    npm install or npm i

Add the environment variables

  1. Create a .env.local file in root directory.
  2. List the env file in .gitignore.
  3. Give the values to the floowing variables
MONGO_URI=mongodb+srv://<yourmongo_username>:<your_encoded_password>@cluster0.ttieq.mongodb.net/<database_name>
NEXT_PUBLIC_HOST=http://localhost:3000
AES_ENCRYPT=<yoursecret>
JWT_SECRET=<yoursecret>

Running the code

  1. To run the frontend server , go to terminal run

        cd chesswear

    and then (if you are at root folder)

        npm run dev

    The nextjs server will run on localhost:/3000

(back to top)

Preview

Live Demo

Live Link of the website.

ScreenShots!

image

screencapture-localhost-3000-chessboards-2022-05-05-17_10_55

screencapture-localhost-3000-products-wear-the-chess-think-XL-Yellow-2022-05-05-17_17_50

Screenshot from 2022-05-06 16-51-41

image (1)

image (2)

GIFs

Login

FS5F1I03h1

Adding Product to Cart

s195rU0CD9

Checkout & Order Placement

s195rU0CD9

MyOrders & MyAccount

s195rU0CD9

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)

Contact

Your Name -Mohit Maroliya

Project Link: https://github.com/mohitm15/chesswear

(back to top)