React Dashboard Starter

A ReactJS frontend and NestJS backend dashboard starter pack

The Angular edition can be found at https://github.com/j1032w/dashboard-starter

Features

• Built with ReactJS 16, NestJS 10, Nx 16, MongoDB 6, Typescript 5, react-redux 7, and Material UI 5
• Nx monorepo structure with vite builder
• Follows clean architecture
• REST API, Swagger, GraphQL and Socket.io
• CSS Module and SCSS
• Jest and React Testing Library unit testing
• Cypress E2E automation testing
• ESlint and Prettier
• SonarQube code quality inspection
• Gitlab CI/CD pipeline

Quick start with docker compose

1. Clone repository

git clone https://github.com/j1032w/das-mono-nestjs-reactjs.git

2. Running docker compose

docker compose build
docker compose up -d

3. Navigate to
   UI: http://localhost:8080
   socke.io: http://localhost:8081
   API: http://localhost:3000
   GraphQL: http://localhost:3000/graphql

Development

Start RactJS UI development server, port: 4200

yarn start-ui

Start NestJS webapi server, port: 3000

yarn start-api

Running unit tests

yarn test

Running eslint

yarn lint

Running build

yarn build

Design

GitLab CI/CD Pipeline

https://gitlab.com/j1032w/das-mono-nestjs-reactjs/-/pipelines

SonarQube static code analysis

https://sonarcloud.io/summary/overall?id=j1032w_das-mono-nestjs-reactjs