📝 Save Money 📝

---

About   |   Features   |   Technologies & Requirements   |   Show Off   |   Starting   |   License   |   Deploy & Repository   |   Author

🎯 About

Save Money is a web application that helps users manage their finances by keeping track of their income and expenses. Users can easily create and categorize transactions in real-time, allowing for efficient and accurate record-keeping. The application also provides a comprehensive list of all registered transactions, which users can query and review. Save Money empowers users to take control of their finances by providing a convenient and organized way to track their financial transactions.

✨ Features

☑️ Transaction Management: allows users to register income and expenses transactions.
☑️ Categorization of Transactions: enables users to categorize transactions for better organization and analysis.
☑️ Balance Calculation: automatically calculates and displays the balance based on the registered transactions.
☑️ User-friendly Interface: offers an intuitive and easy-to-use interface for efficient financial management.
☑️ Form Validation: includes form validation using react-hook-form and zod for ensuring data integrity.
☑️ Integration with Firebase: integrates with Firebase for data storage and authentication functionality.
☑️ Styled Components: utilizes styled-components for easy management of CSS styles and theming.
☑️ Search and Filtering: enables users to search and filter transactions based on yours descriptions for easy data retrieval.
🔲 Data Visualization: includes charts and graphs to visually represent income, expenses, and budget information.
🔲 Multi-currency Support: allows users to manage transactions in different currencies and convert them for analysis.
🔲 Multi-user Support: allows multiple users to create and manage their own separate accounts within the application.

💻 Technologies & Requirements

The following dependencies were used in this project:

• "phosphor-react": a library of SVG icons for React applications.
• "react": a JavaScript library for building user interfaces.
• "react-dom": a package that provides DOM-specific methods for React.
• "react-hook-form": a library for managing forms in React using hooks.
• "react-router-dom": a library that provides routing functionality for React applications.
• "styled-components": a library that enables developers to write CSS in JavaScript, making it easier to create and manage styled components in React.
• "@hookform/resolvers": a package that provides resolvers for handling form validation in react-hook-form.
• "@radix-ui/react-dialog": a package that provides dialog components for React applications.
• "@radix-ui/react-radio-group": a package that provides radio group components for React applications.
• "firebase": a package for integrating Firebase services in JavaScript applications.
• "scheduler": a package that provides scheduling utilities for managing asynchronous tasks in React applications.
• "use-context-selector": a package that provides a selector hook for reading context values in React applications.
• "zod": a package for handling runtime type checking in JavaScript applications.

🎬 Show Off

🏁 Starting

Before starting 🏁, you need to have Git and Npm installed.

# Clone this project
$ git clone [email protected]:KayoRenato/SaveMoney.git <Project-Name> 


# Access
$ cd <Project-Name>

# Install dependencies
$ npm i

# Create Auth Firebase Project and get environment variables:
  - apiKey 
  - authdDomain 
  - projectId 

# Run the project
$ npm run dev

# The server will initialize in the <http://localhost:5173>

📝 License

This project is under license from MIT. For more details, see the LICENSE file.

💎 Deploy & Repository

🚀 Link to solution deployed

🐙 Link to repository

Donate behind the QR code if this work helps you and you want to collaborate with a coffee ☕.

Nubank Pix

---

Back to top ⤴️