Type Shop

The best E-commerce store using Mern Stack with typescript

View Demo · Documentation · Report Bug Frontend · Backend

📔 Table of Contents

• About the Project
  • Screenshots
  • Tech Stack
  • Features
  • Color Reference
  • Environment Variables
• Getting Started
  • Prerequisites
  • Installation
  • Running Tests
  • Run Locally
  • Deployment
• License
• Contact

🌟 About the Project

📷 Screenshots

👾 Tech Stack

Client

• Typescript
• React.js
• React Bootstrap
• Redux Toolkit

Server

• Typescript
• Node.js
• Express.js

Database

• MongoDB

🎯 Features

• Paypal
• Google map
• Content management system

🎨 Color Reference

Color	Hex
Primary Color	#FF6347
Secondary Color	#ffffff
Text Color	#222831

🔑 Environment Variables

To run this project, you will need to add the following environment variables to your .env file

NODE_ENV JWT_SECRET MONGODB_URI PORT STRIPE_SECRET_KEY

🧰 Getting Started

‼️ Prerequisites

This project uses Yarn as package manager

 npm install --global yarn

⚙️ Installation

Install my-project with npm

  yarn install my-project
  cd my-project

🧪 Running Tests

To run tests, run the following command

  yarn test test

🏃 Run Locally

Clone the project

  git clone https://github.com/hicmtrex/TypeShop-Frontend

Go to the project directory

  cd my-project

Install dependencies

  npm install

Start the server

  npm start

⚠️ License

Distributed under the License. See LICENSE.txt for more information.

🤝 Contact

Hicm- @twitter - [email protected]

Project Link: https://type-shop.vercel.app/

Support

Be careful and donate just if it is within your possibilities, because there is no refund system. And remember that you don't need to donate, it is just a free choice for you. Thank you!