Simple react/typescript todolist app with mobx-mvvm architecture, tailwind css and cypress tests

React MVVM architecture is powered by MobX. Workspace uses Parcel build tool.

The principles of MVVM

The ViewModel(VM) should not depend on React and should have no idea what the view looks like.
With the correct implementation of MVVM architecture, the View should be decoupled from the underlying data and business logic.
The pure VM is much easier to test than react components with state logic.
VMs should be light & cheap and easily re-implemented with the same interface the view uses.

In order to run the fake backend please install the JSON Server via

yarn global add json-server

Then,

yarn run start-server

And finally,

yarn run start

This repo contains the tests written in Cypress.

Type	Location
api	cypress/tests/api
ui	cypress/tests/ui

Run

yarn run cypress:open

to launch the cypress test runner in the interactive watch mode.

React, Typescript, Mobx, MVVM, Tailwind CSS, Cypress, Parcel

Name		Name	Last commit message	Last commit date
Latest commit History 14 Commits
cypress		cypress
public		public
src		src
.env		.env
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
.postcssrc		.postcssrc
LICENSE		LICENSE
README.md		README.md
app.png		app.png
babel.config.js		babel.config.js
cypress.config.ts		cypress.config.ts
db.json		db.json
package.json		package.json
tailwind.config.js		tailwind.config.js
test-api.png		test-api.png
test-ui.png		test-ui.png
tsconfig.json		tsconfig.json
yarn.lock		yarn.lock