https://github.com/marcelovicentegc/fullstack-typescript

Typescript, React, MobX, Express, GraphQL and TypeORM monorepo.
https://github.com/marcelovicentegc/fullstack-typescript

fullstack-typescript graphql jest mobx monorepo react testing-library typescript typescript-boilerplate

Last synced: 12 days ago
JSON representation

Typescript, React, MobX, Express, GraphQL and TypeORM monorepo.

• Host: GitHub
• URL: https://github.com/marcelovicentegc/fullstack-typescript
• Owner: marcelovicentegc
• License: mit
• Created: 2019-02-22T22:43:06.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-26T16:41:31.000Z (almost 2 years ago)
• Last Synced: 2023-03-04T09:43:47.820Z (over 1 year ago)
• Topics: fullstack-typescript, graphql, jest, mobx, monorepo, react, testing-library, typescript, typescript-boilerplate
• Language: TypeScript
• Homepage:
• Size: 2.75 MB
• Stars: 7
• Watchers: 1
• Forks: 0
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🈵 fullstack-typescript

[![Build Status](https://dev.azure.com/marcelovicentegc/public-pipes/_apis/build/status/marcelovicentegc.fullstack-typescript?branchName=master)](https://dev.azure.com/marcelovicentegc/public-pipes/_build/latest?definitionId=2&branchName=master)

[![Main workflow](https://github.com/marcelovicentegc/fullstack-typescript/workflows/Main%20workflow/badge.svg)](<(https://github.com/marcelovicentegc/fullstack-typescript/workflows/Main%20workflow/badge.svg)>)

## 📦 General features

- Hot module and live reload

- File upload ready

## 💻 Client-side features

- UI framework:

  1. **React**

- Style pre-processor:

  1. **SASS**

- State management:

  1. **MobX**

- GraphQL client:

  1. **Apollo Client**

- Testing framework:

  1. **Jest**

  2. **Testing-library**

## 🖥 Server-side features

- HTTP server:

  1. **Express**

- GraphQL server:

  1. **Apollo Server**

- Database:

  1. **PostgreSQL**

- Object-relational mapping framework:

  1. **TypeORM**

- Data query and manipulation framework:

  1. **GraphQL**

## 🌱 Directions

1. Clone this repo: `git clone https://github.com/marcelovicentegc/fullstack-typescript.git`

2. Change directory: `cd fullstack-typescript`

3. Install dependencies: `yarn install` or `npm install`

4. Create a Postgres database and set your credentials on a `ormconfig.json` file, similar to `ormconfig.example.json`

5. Run the application: `yarn start` or `npm run start`

### Environment variables

- Client TCP: `CLIENT_TCP`

- Server TCP: `SERVER_TCP`

- Environment: `ENV`

By default, the client runs on port `4000` and the server on port `8080`.