TypeShop-Backend - GitLite

KO | EN

gitlite — search

#java #rag #artificial-intelligence #cross-platform #css #shell #postgresql #tensorflow #react #machine-learning

TypeShop-Backend

(★ 28)

Type-Shot is an ecommerce full stack web application with using react with typescript for frontend redux toolkit for state management including authentication with roles and full crud cms admin dashboard, node with typescript express js for backend and mongodb for database

File Explorer

ZIP Download

- - db.js
- - orderControllers.js
  - productControllers.js
  - stripeController.js
  - userControllers.js
- - auth.js
  - errorMiddleware.js
- - orderModel.js
  - productModel.js
  - userModel.js
- - orderRoutes.js
  - productRoutes.js
  - uploadRoutes.js
  - userRoutes.js
- - products.js
  - seeders.js
- - generateToken.js
- config.js
- server.js
- - db.ts
- - orderControllers.ts
  - productControllers.ts
  - stripeController.ts
  - userControllers.ts
- - auth.ts
  - errorMiddleware.ts
- - orderModel.ts
  - productModel.ts
  - userModel.ts
- - orderRoutes.ts
  - productRoutes.ts
  - uploadRoutes.ts
  - userRoutes.ts
- - products.ts
  - seeders.ts
- - generateToken.ts
- config.ts
- global.d.ts
- server.ts
- image-1656379121624.png
- image-1656379189082.jpg
- image-1656379206414.png
- image-1656379244906.png
- image-1656379826239.jpg
- image-1656385094078.jpg
- image-1656385215262.jpg
- image-1656385427768.jpg
- image-1656422825872.jpg
- image-1656422987019.jpg
- image-1656423294145.jpg
- image-1656423427002.jpg
- image-1656423641895.jpg
- image-1656423749100.jpg
- image-1656430038607.jpg
- image-1656430115029.jpg
- image-1656430192332.jpg
- image-1659019328556.jpg
- image-1659019515291.jpg
- image-1685140406133.jpg
- image-1685141837564.jpg
- image-1685145588915.jpg
- image-1685145704468.jpg
.gitignore
package-lock.json
package.json
Procfile
README.md
techstack.md
techstack.yml
tsconfig.json

# Use via CDN

jsDelivr

jsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.

Version

File

Link

Example

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<div align="center">

<img src="https://res.cloudinary.com/hicm/image/upload/v1656520613/LogoMakr-6Tit9e_esyjac.png" alt="logo" width="200" height="auto" />
  <h1>Type Shop </h1>
  
  <p>
    The best E-commerce store using Mern Stack with typescript
  </p>
  
  

<p>
  <a href="https://github.com/Louis3797/awesome-readme-template/graphs/contributors">
    <img src="https://img.shields.io/github/contributors/Louis3797/awesome-readme-template" alt="contributors" />
  </a>
  <a href="">
    <img src="https://img.shields.io/github/last-commit/Louis3797/awesome-readme-template" alt="last update" />
  </a>
  <a href="https://github.com/Louis3797/awesome-readme-template/network/members">
    <img src="https://img.shields.io/github/forks/Louis3797/awesome-readme-template" alt="forks" />
  </a>
  <a href="https://github.com/Louis3797/awesome-readme-template/stargazers">
    <img src="https://img.shields.io/github/stars/Louis3797/awesome-readme-template" alt="stars" />
  </a>
  <a href="https://github.com/Louis3797/awesome-readme-template/issues/">
    <img src="https://img.shields.io/github/issues/Louis3797/awesome-readme-template" alt="open issues" />
  </a>
  <a href="https://github.com/Louis3797/awesome-readme-template/blob/master/LICENSE.txt">
    <img src="https://img.shields.io/github/license/Louis3797/awesome-readme-template" alt="license" />
  </a>
</p>
   
<h4>
    <a href="https://type-shop.vercel.app/">View Demo</a>
  <span> · </span>
    <a href="https://github.com/hicmtrex/Cooper-Shop">Documentation</a>
  <span> · </span>
    <a href="https://github.com/hicmtrex/TypeShop-Frontend/issues/">Report Bug</a>
    <a href="https://github.com/hicmtrex/TypeShop-Frontend/issues/">Frontend</a>
  <span> · </span>
    <a href="https://github.com/hicmtrex/TypeShop-Backend">Backend</a>
  </h4>
</div>

<br />

- [About the Project](#about-the-project)
  - [Screenshots](#screenshots)
  - [Tech Stack](#tech-stack)
  - [Features](#features)
  - [Color Reference](#color-reference)
  - [Environment Variables](#environment-variables)
- [Getting Started](#getting-started)
  - [Prerequisites](#prerequisites)
  - [Installation](#installation)
  - [Running Tests](#running-tests)
  - [Run Locally](#run-locally)
  - [Deployment](#deployment)
- [License](#license)
- [Contact](#contact)

## :star2: About the Project

### :camera: Screenshots

<div align="center"> 
  <img  alt="React" src="https://res.cloudinary.com/hicm/image/upload/v1656520352/typeshop-1_a1qepy.png" />
</div>

<div align="center"> 
<img  alt="React" src="https://res.cloudinary.com/hicm/image/upload/v1656520333/typeshop-2_knzlpc.png" />
</div>

<div align="center"> 
<img  alt="React" src="https://res.cloudinary.com/hicm/image/upload/v1656520319/typeshop-3_il1xeo.png" />
</div>

### :space_invader: Tech Stack

<details>
  <summary>Client</summary>
  <ul>
    <li><a href="https://www.typescriptlang.org/">Typescript</a></li>
    <li><a href="https://reactjs.org/">React.js</a></li>
    <li><a href="https://react-bootstrap.github.io/">React Bootstrap</a></li>
    <li><a href="https://redux-toolkit.js.org/usage/usage-with-typescript">Redux Toolkit</a></li>
  </ul>
</details>

<details>
  <summary>Server</summary>
  <ul>
    <li><a href="https://www.typescriptlang.org/">Typescript</a></li>
    <li><a href="https://nodejs.org/en/">Node.js</a></li>
    <li><a href="https://expressjs.com/">Express.js</a></li>
  </ul>
</details>

<details>
<summary>Database</summary>
  <ul>
    <li><a href="https://www.mongodb.com/">MongoDB</a></li>
  </ul>
</details>

### :dart: Features

- Paypal
- Google map
- Content management system

### :art: Color Reference

| Color           | Hex                                                              |
| --------------- | ---------------------------------------------------------------- |
| Primary Color   | ![#FF6347](https://via.placeholder.com/10/222831?text=+) #FF6347 |
| Secondary Color | ![#ffffff](https://via.placeholder.com/10/393E46?text=+) #ffffff |
| Text Color      | ![#222831](https://via.placeholder.com/10/EEEEEE?text=+) #222831 |

### :key: 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`

## :toolbox: Getting Started

### :bangbang: Prerequisites

This project uses Yarn as package manager

```bash
 npm install --global yarn
```

### :gear: Installation

Install my-project with npm

```bash
  yarn install my-project
  cd my-project
```

### :test_tube: Running Tests

To run tests, run the following command

```bash
  yarn test test
```

### :running: Run Locally

Clone the project

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

Go to the project directory

```bash
  cd my-project
```

Install dependencies

```bash
  npm install
```

Start the server

```bash
  npm start
```

## :warning: License

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

## :handshake: Contact

Hicm- [@twitter](https://twitter.com/hicmtrex) - hichembouallegue@gmail.com

Project Link: [https://type-shop.vercel.app/](https://type-shop.vercel.app/)

## Support

<a href="https://www.buymeacoffee.com/hicmtrex" target="_blank" style="display: inline-block !important;"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-green.png" alt="Buy Me A Coffee" height="41" width="174"></a>

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!