Skip to content

Latest commit

ย 

History

8 Commits

Folders and files

NameName
Last commit message
Last commit date
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ’ธ Expense Tracker App

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.

๐Ÿš€ Features

  • 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.

๐Ÿ–ฅ๏ธ Screenshots

Below are screenshots of the app in action.

Expense Tracker Screenshot

๐Ÿ”ง Technologies Used

  • 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

You can preview the project here

About

You can preview your project at react-proj.pages.dev

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages