The Expense Tracker App is a web application built using React and Redux, designed to help users manage their personal expenses efficiently. It allows users to add, edit, and delete expenses, categorize them, and view a summary of their total expenses. The app provides a user-friendly interface with responsive design, ensuring a seamless experience across different devices.
Key Features: Expense Management: Add, edit, and delete expenses with fields for amount, description, and category. Category Selection: Choose from predefined categories such as Food, Rent, Salary, etc., to classify expenses. Total Amount Calculation: Automatically calculates and displays the total amount of all expenses. Download Expense Report: Generate and download a PDF report of expenses for record-keeping. Theme Switching: Toggle between light and dark themes, with theme preferences saved locally. Authentication: Secure user authentication to protect personal expense data.
Technologies Used: Frontend: React, Redux, JavaScript (ES6+), HTML5, CSS3 State Management: Redux Toolkit (including createSlice, createSelector) Routing: React Router DOM PDF Generation: jsPDF, jspdf-autotable Responsive Design: CSS Flexbox and Media Queries Authentication: Local storage for token management Version Control: Git, GitHub
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh