Financas

A simple finance tracker app. Built with ReactJS, Styled Components and Typescript.

Features  |   Technologies  |   Installation

⭐ Features

(Back to top)

This is a simple finance tracker app. You can start tracking your finances right away.

Some key features are:

• Functional application with ReactJS.
• UI built with Styled Components.
• Cards that resume the income, outcome and the final balance.
• Table that displays all transactions.
• Intuitive new transaction form.
• Upload CVS files.

The application is built using ReactJS. Data is provided by a proprietary API, in this repository. The user interface is built with Styled Components. The entire codebase is written using Typescript.

Checkout the API Live version hosted on:

You also can check the complete Application Live version hosted on:

⌨️ Technologies

(Back to top)

This is what I used and learned with this project:

• ReactJS
• Styled Components
• React Router Dom
• React Modal
• React Dropzone
• React Select
• Axios
• Filesize
• Polished
• Axios
• Eslint
• Prettier
• Typescript

🖱️ Installation

(Back to top)

To use this project, first you need NodeJS and the API running in your device, then you can follow the commands below:

# Clone this repository
git clone https://github.com/areasflavio/financas.git

# Go into the repository
cd financas

# Install dependencies for the application
yarn install

# Copy the .env.example to the .env file and inject your credentials
cp .env.example .env

# To start the development server, run the following command
yarn start

👨‍💻 Author

(Back to top)

Build by Flávio Arêas 👋 Get in touch!