With a combination of the word "finance", which refers to the management of money, and the word "maximize", which means to make the most of something, the Finax is a personal finance control app that aims to help people maximize their finances and make the most of their money.

 

Note

👉🏻 Access: https://belapferreira.github.io/finax/

 

Features   |    Settings   |    Cloning the repository   |    Starting the application   |    Techs | Tools | Resources   |    License

Context

The Finax app was developed as a way to apply and fix the knowledge that I studied about TailwindCSS and Redux Toolkit practically.

I'm more familiar with React, so I've picked this library to develop the interface, using the Next.js framework. Currently, the React team recommends choosing one of the frameworks popular in the community:

If you want to build a new app or a new website fully with React, we recommend picking one of the React-powered frameworks popular in the community. Frameworks provide features that most apps and sites eventually need, including routing, data fetching, and generating HTML.

I've used TypeScript because you can save time by avoiding bugs due to typos and other errors, it offers faster performance and the IntelliSense works better, generating a superior developer experience.

And for some components, I've chosen the Radix UI because its optimization related to accessibility.

Features

• Add an entry;
• Remove an entry;
• Save entries registered in the local storage;
• Responsive page.

✔️ Settings

The settings to execute the application on your computer are listed below.

• Git;
• Node;
• Yarn.

🔽 Cloning the repository

1. Through the terminal, go to the directory where you want to have the repository cloned and run the following command:

# cloning the repository
git clone https://github.com/belapferreira/finax

🔰 Starting the application

1. Through the terminal, go to the directory where the repository was cloned and run the following command:

# installing dependencies
yarn install

# starting application
yarn dev

🔧 Techs | Tools | Resources

This project was developed using the following resources:

Eslint | Next.js | Prettier | Radix UI Tabs | React Chart 2 | React Icons | Redux Toolkit | Tailwindcss | TypeScript | Uuid

📝 License

This project is under MIT license. See LICENSE for more information.

---

Developed by Bela Ferreira 💙 Contact: https://www.linkedin.com/in/belapferreira 😊