/trybe-wallet

add, edit, and remove expenses that will be converted to Brazilian Real. | Front-end application using React + Redux and the AwesomeAPI currency exchange API.

Primary LanguageJavaScript

Trybe Wallet

Trybe Wallet is a web application that allows users to manage their expenses and convert the total expenditure into a currency of their choice. With this application, users can log in, add, remove, and edit an expense, view a table of their expenses, and see the total expenses converted to a chosen currency.

Features

  • Login functionality;
  • Add, remove, and edit an expense;
  • View a table of expenses;
  • View the total expenses converted to a chosen currency.

Technologies Used

How to Run the Project

  1. Clone the repository: git clone https://github.com/duarte-dot/trybe-wallet.git
  2. Navigate into the project directory: cd trybe-wallet
  3. Install dependencies: npm install
  4. Start the server: npm start
  5. Access the application in your browser at: http://localhost:3000

You can also access it through the deployment link.

Key Learnings

  • Create a Redux store in React applications;
  • Create reducers in Redux for React applications;
  • Create actions in Redux for React applications;
  • Create dispatchers in Redux for React applications;
  • Connect Redux to React components;
  • Create asynchronous actions in your React application that use Redux.

Conclusion

This project provided an opportunity to apply the knowledge gained during the Trybe course on using Redux in React applications and consuming data from an external API. With the implemented features, users can manage their expenses in an easy and intuitive manner, and view the total expenses converted to their chosen currency. The use of Redux efficiently manages the application state, providing a better user experience.