https://github.com/rodrigofontesdev/money

A personal account management web app built with React.
https://github.com/rodrigofontesdev/money

react study-project styled-components typescript

Last synced: about 1 month ago
JSON representation

A personal account management web app built with React.

• Host: GitHub
• URL: https://github.com/rodrigofontesdev/money
• Owner: rodrigofontesdev
• License: mit
• Created: 2024-05-06T13:51:51.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-05-29T00:18:05.000Z (9 months ago)
• Last Synced: 2024-11-11T06:20:00.599Z (3 months ago)
• Topics: react, study-project, styled-components, typescript
• Language: TypeScript
• Homepage:
• Size: 309 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![cover](https://github.com/rodrigofontesdev/money/assets/17281370/64f1427b-c35c-4b24-b7d2-97ae84e2ba80)

# 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 [email protected]: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](LICENSE) file for details.