dtmoney

App to easily keep track of your finances

❔ About

App developed during Rocketseat Ignite bootcamp on React.

🎈 Features

Add new transaction
Show total transactions, withdraws and final value
Show transaction history

🖥 How to use it

You can check the live version HERE

Or run locally

# Clone this repository
$ git clone <https://github.com/jbiers/dtmoney>

# Access the project folder
$ cd dtmoney

# Install the dependencies
$ npm install

# Start application in development mode
$ npm run start

# The server will start on port: 3000. Access <http://localhost:3000>

🛠 Technologies

The following technologies were used in the development of this project:

📚 Learned

How to use Styled Components.
Define global style for a project.
Why use rem units and why set mobile font-size as a percentage.
How to import fonts from Google Fonts in a faster way.
CSS filter tag
using HTML tables
simulating a backend for development environment: JSON server or MirageJS.
using Axios to interact with apis
using react-modal to create modals
Using Polished for color manipulation
Passing arguments to styled components components
Pattern: functions that are called upon user action have a name starting with 'handle'
Dealing with forms in React
MirageJS database
Add data to mirage database
Intl library
Contexts for sharing states among different components
Using react context

👩 Author

_{Julia Bier}

Made with ❤️ by Julia Bier 👋🏽 Contact me!