This dashboard shows mock data that is computed via a fake server. The data show information such as budgets and savings for various different categories.
-
In this dashboard the user can add an account; input the amount of money to be saved, the budgets they would like to include and select a category
-
The user can see an overview of their savings from all of their accounts on the dashboard home page
-
This dashboard UI was built using ReactJS and Tailwind on the front-end
-
Jest/Enzyme/Cypress are libraries that have been used to test the front-end
-
The back-end utilises Node.js
-
yarn
-
yarn start
-
Allow the user to view details of each budget and category
-
Styling issues
-
Unit tests describe functionality/behaviour of components such as buttons (Jest)
-
Integration tests test functionality such as state management (Jest + Enzyme)
-
End-to-end test via Cypress to check application as a whole
-
To run unit and integration tests:
yarn test
-
To run Cypress tests:
yarn run cypress open
https://savings-db-4ae4b7.netlify.app/
THIS PROJECT IS IN WORKING PROGRESS