README.md

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:

• React
• TypeScript
• Axios
• Polished
• MirageJS

📚 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!