My Money Minder built using React, offers a user-friendly platform for handling personal finances. It seamlessly connects to the API backend, enabling users to sign up, log in, access their profiles, and modify their financial transactions. This application encompasses a range of functionalities, including a homepage presenting transaction lists, balances, and currency rates, a charts page for analyzing expenses and applying filters, as well as a dedicated currencies page exclusively showcasing currency prices.
Frontend:
- for create app - React
- global state management - with redux-toolkit
- for Form Validation - Formik And Yup
- for styling - Material UI
- to create chart - ChartJS
Backend: Our CRUD application is built using Node JS, Express JS and MongoDB, docs - Swagger.
- Install dependencies:
npm install- Run dev server:
npm startThe app consists of the following pages and their respective functionalities:
/login: User login/register: User registration/home: Landing page with contact info/table: Page with user data, transaction list, balance, and currency prices/diagram: Charts and filtering for expenses breakdown/currency: Displaying currency prices