The intention is to build and deploy a very simple app (FE/BE + DB) which can be used to demonstrate tests for each layer using vitest, supertest, react-testing-library and playwright.
Starting point for building the app was the great FreeCodeCamp tutorial Full Stack Project Tutorial – Create A Notes App Using React and Node.js
Refactored the app for testability and added a few additional tweaks.
- FE and BE services are deployed using the free tier on render.com
- Database is deployed using serverless postgres on neon
https://notes-app-full-stack-bjml.onrender.com/
- React
- Typescript
- Axios
- Playwright.io with typescript
- Allure Production Test Report with history
- React Testing Library with vitest
- Mock Service Worker(msw) to mock the api
- msw/data for data store
- Service tests with docker and Playwright.io
- Node.js
- Typescript
- Express
- Postgres
- Primsa (DB ORM)
- Service tests with docker, supertest and vitest
- Unit tests with supertest, vitest and vitest-mock-extended
- Contract tests with pact