React, Typescript e Vite

Boilerplate com React, Typescript e Vite com testes Unitários, Integração e E2E. Testes dockerizados e automação para Github Actions.

Tech Stack

✅ ReactJS

✅ Typescript

✅ ViteJS

✅ Unit tests with React Testing Library and Jest

✅ Storybook

✅ Cypress

✅ Formik

✅ YUP

✅ Docker E2E testing

✅ React Query

✅ Material UI

✅ MirageJS

✅ GraphQL / Apollo Client

✅ Axios

✅ Redux

✅ TDD

✅ Conventional Commits

✅ Husky

✅ Eslint/Pretiter + Lint Staged

✅ ECharts

✅ Sass

Authors

• @wguilherme

Run Locally

Clone the project

  git clone https://github.com/wguilherme/react-vite-storybook-cypress

Go to the project directory

  cd my-project

Install dependencies

  npm install

Start the server

  npm run dev

Support

For support, email [email protected]

Tech Stack

Client: React, Redux, Material UI,

Design System: Material UI, Atomic Design

Testing and Documentation: Storybook, Cypress, React Testing Library, Jest

Practices: Component First, Atomic. Design, TDD, Conventional Commits, Lint Staged, Eslint/Prettier

Running Tests

To run tests, run the following command

  // unit tests
  npm run test

  // cypress headless/terminal
  npm run cy:run

  // cypress e2e
  npm run cy:open

  // run tests with docker-compose
  docker-compose up --build

Badges

Add badges from somewhere like: shields.io