🏪 MERN Gadget Shop (Techstop)

An online shop to sell electronic gadgets

https://cryptic-escarpment-74612.herokuapp.com/

⭐ Features

• Easy naviagtion flow within the application.
• Shopping cart.
• Quick search with instant search results.
• Order products.
• Responsive layout.
• Maintain user profiles.
• Authentication system.
• Rate and review products.
• Admin panel to manage content.
  • Manage Users.
  • Manage Product stocks.
  • Manage Orders
• Paypal mock payment gateway integration.

🎛️ Tech Stack

• Typescript (Language)
• React JS (Frontend Framework)
• Node JS (Backend)
• Express JS (Backend Framework)
• Mongo DB (Database)
• Mantine (UI Framework)
• Heroku (Deployed)

⚙️ Setup

• Step 1: Clone repository.
• Step 2: Install packages using npm:

  Backend: `npm install` on root folder
  Frontend: `npm install` on frontend folder
  

• Step 3: Setup .env variables
  Create a .env file in the root level. Paste / Replace the follwing info with your own.

  NODE_ENV=developement 
  PORT=<any port number you like>
  PAYPAL_CLIENT_ID=<your paypal client id>
  MONGO_URI=<your mongodb connection URI>
  

• Step 4: Run application
  • Both Frontend and Backend at once:

    npm run dev
    

    <li>
      Frontend only: Navigate to <code>frontend</code> folder:</p> <pre class="notranslate"><code>npm start
  

    <li>
      Backend only: While in the root folder</p> <pre class="notranslate"><code>npm run server
  

  <h2 dir="auto">
    <a rel="nofollow noopener" target="_blank" id="user-content-️-reuse" class="anchor" aria-hidden="true" href="#%EF%B8%8F-reuse"></a>↩️ Reuse
  </h2>
  
  <p>
    Reusing application and the code is free, atleast star this repo before doing that
  </p>
  
  <p>
    📅 Last Updated: March 5th, 2022. </li> </ul>