Skip to content

Web application where you can manage your budget for either the month or the week. You can add your budget, expenses, edit and delete your expenses, and filter expenses by category.

Notifications You must be signed in to change notification settings

AimarBustamante/Expense-Planner

Repository files navigation

📝 Expense Planner

mockup-browser-1 mockup-browser-2 mockup-browser-3 mockup-browser-4

📖 Project Description

Expense Planner is a web application where you can manage your budget for either the month or the week. You can add your budget, expenses, edit and delete your expenses, and filter expenses by category.

🎨 Project Features

  • Add Budget: Input your total budget for a specific period.
  • Add Expenses: Easily add new expenses with details such as amount, category, and date.
  • Edit Expenses: Modify existing expenses to keep your budget up to date.
  • Delete Expenses: Remove expenses that are no longer needed.
  • Filter by Category: View expenses by specific categories to see where your money is going.

🛠️ Technologies Used

React TypeScript Tailwind_CSS Vite Headless_UI

🌐 Libraries Used

📚 What I Learned

I learned how to use Context API to have a global state without dependencies; Context API helped me avoid passing props through every component. Additionally, I learned to use various libraries for better styling in my application, along with the time-saving benefits they provide.

📬 Contact Information

My_Portfolio LinkedIn Instagram Email WhatsApp Frontend_Mentor

About

Web application where you can manage your budget for either the month or the week. You can add your budget, expenses, edit and delete your expenses, and filter expenses by category.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published