Skip to content

Latest commit

 

History

History
41 lines (33 loc) · 3.03 KB

README.md

File metadata and controls

41 lines (33 loc) · 3.03 KB

📝 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