Skip to content

Nx based monorepo full-stack project example using typescript, react, express, jest and cypress

Notifications You must be signed in to change notification settings

SatadruBhattacharjee/monorepo-fullstack-typescript-react-express-jest-cypress

Repository files navigation

TestWorkspace

This is a monorepo based project architecture using Nx.

For getting some mock 10 digit valid credit card no, please use this link

Cards:

  • 5304600520
  • 7191299275

Prerequisites

To Run the Apps

  • yarn install
  • npm start

Projects

  • Frontend App
  • Backend API

Modules

  • ui : For UI React Components & jest tests

    • Form
    • Input
    • Status Box
    • Table
  • common : Common Utilities & jest tests

    • CreditCardValidator : Used in both Frontend and API
    • HTTP : Wrapper around fetch API
    • Types
  • model : Models, interfaces

Development server

Run npm start for dev servers.

Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Storybook

Run npm run storybook for running the storybook server.

Navigate to http://localhost:4400/

Build

Run npm run build to build the project.

The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run npm run test to execute all unit tests via Jest.

To run unit tests on individual modules

  • npm run test:model
  • npm run test:ui
  • npm run test:frontend
  • npm run test:backend-api

Running end-to-end tests

Run npm run e2e to execute the end-to-end tests via Cypress.

Note

For monorepo based Library starter using Lerna, please refer the other boilerplate Lib Boilerplate

About

Nx based monorepo full-stack project example using typescript, react, express, jest and cypress

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published