Wallet Frontend 🏦

https://wallet-app-mern.netlify.app/login

Overview 📝

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.

Try Out the Wallet Application

Log in using the provided test credentials to explore the features of the Wallet application. Alternatively, feel free to create your own account to fully experience the app's capabilities.

Test Credentials

• Username: [email protected]
• Password: password12345

Tech Stack 💻

Frontend: React, Redux, Styled Components, Chart.js

Backend: MongoDb, ExpressJs, REST api, Node.js, Swagger(docs)

Dependencies 📦

The Wallet Frontend uses the following dependencies:

• React
• Redux
• Axios
• Chart.js
• Formik
• React Router DOM
• Styled Components
• and more...

Usage 🚀

1. Install dependencies:

npm install

2. Run dev server:

npm start

Pages 📄

The 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