The Wallet Frontend is a React application that provides a user-friendly interface for managing personal finances. It integrates with the API backend, allowing users to register, login, view their profile, and edit their transactions. The app offers various features such as a home page with transaction lists, balance, and currency prices, a charts page for expense breakdown and filtering, and a currencies page displaying just the prices.
Frontend: React, Redux, Styled Components, Chart.js
Backend: MongoDb, ExpressJs, REST api, Node.js, Swagger(docs)
The Wallet Frontend uses the following dependencies:
- React
- Redux
- Axios
- Chart.js
- Formik
- React Router DOM
- Styled Components
- and more...
- 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: Home page with user data, transaction list, balance, and currency prices/diagram: Charts and filtering for expenses breakdown/currency: Displaying currency prices