Skip to content

Igorttdp/nu-kenzie

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Para README em Português, clique aqui

Preview



About

Nu Kenzie is an application that aims to centralize the control of your finances. The application allows the user to insert a card with the description and value of the economic movement, be it earnings or expense. There is also a filter to show only expenses or earnings.


Project Structuring and Technologies


Nu Kenzie is a simple application and my first initial experience with React in terms of project. It used concepts of React Hooks, Conditional Rendering, and Componentization.



Technologies / Libraries

  • React
  • React-Toastify
  • Styled-Components
  • UuidV4

How it Works



On the left side you can find the panel to add your finances. In the example on the side, we insert a description, the amount, and the type of financial transaction (Earnings or Expenses). After filling it out completely, click Insert Amount for the financial transactions to appear on the Transactions tab.




In the most centralized part we have the Financial Summary tab where we can see all our movements. Here we can filter between Income or Expenses and exclude some movement.


Extras Features


Darkmode



User Costumization and Local Storage

The application saves the user's definitions and their movements in the browser's Local Storage, making it more consistent and "real".


Responsiveness


Link of Project: Nu Kenzie