Smart spending, smart saving.
The Expense Tracker App is a personal finance tool built with React to help users track their daily expenses. This app allows users to add, search, sort, and delete expenses, offering a simple and effective way to manage finances. The app features a responsive layout, emojis for a fun UI, and an intuitive design to make expense tracking a breeze.
- Add Expenses: Allows users to input new expenses with details like date, description, category, and amount.
- Search Functionality: Quickly search for expenses by description.
- Sorting: Sort expenses by description or category.
- Delete Expenses: Easily remove unwanted expenses from the list.
- Responsive Design: The app automatically adjusts to different screen sizes.
- Emoji-based UI: Enjoy a fun and visually appealing interface using emojis to represent categories.
- Stylish Layout: A clean, modern design with rounded borders and soft shadows for a polished look.
- Background Image: Enhances the aesthetic with a financial-themed background image.
Below are screenshots of the app in action.
- React: JavaScript library for building the user interface.
- JavaScript (ES6+): Modern JavaScript syntax to ensure clean, efficient code.
- CSS: Custom styling for layout, design, and responsiveness.
- React Hooks: Utilized for managing state (
useState) and handling effects. - Emojis: Used in the UI for a fun, intuitive user experience.
Author Samuel Kamau Karobia
๐ง Email: kamauskk005@gmail.com
๐ฑ Phone: +254 722 589421