rodrigofontesdev / money

A personal account management web app built with React.

Money

A simple budgeting app that allows you to track your income and expense. Record all your transactions and obtain a summary of your finances.

The purpose of this project was to learn about consuming APIs and to measure and improve performance in React applications.

Prerequisites

• Node.js
• Git

Getting Started

• Clone the repository (git clone [e-mail]:rodrigofontesdev/money.git)
• Install dependencies (npm install)
• Run server (npm run dev:server)
• Run application (npm run dev)

Features

• Add new income or expense
• Income and expense summary
• Transactions history
• Search for transactions

I've Learned

• Inspect and identify performance problems with React Developer Tools
• Why React components render
• How the component rendering flow works in React
• Avoid unnecessary re-renders by selecting specific fields from a context (useContextSelector())
• How and when to fix performance issues (useCallback(), memo(), useMemo())
• Simulate a REST API with JSON Server
• Make HTTP requests with Axios

Built With

• React
• TypeScript
• Styled Components
• JSON Server

License

This project is licensed under the MIT License - see the LICENSE.md file for details.