Monthly Expense Tracker💰

Description:

This repository hosts a robust and user-friendly Monthly Expense Tracker application, designed to empower you to effortlessly manage your personal finances. 📈 By providing a clean and intuitive interface, this application allows you to track your income and expenses with ease. 🧾 Built with modern web technologies such as Next.js, TypeScript, and Tailwind CSS, it offers a seamless and responsive experience across all devices. 📱 Data persistence is handled efficiently through local storage, ensuring your financial data remains secure and accessible between sessions. 💾

Key Features

• Add Transactions: ➕ Quickly add income and expense entries with descriptions, amounts, and dates. This feature allows for detailed tracking of each transaction, providing a comprehensive view of your financial activity.

• View Transactions: 🧾 Easily review a comprehensive list of all your income and expense transactions. The list is organized and easy to navigate, allowing you to quickly find specific transactions.

• Delete Transactions: 🗑️ Remove unwanted or incorrect transactions with a simple click. This feature ensures data accuracy and allows for easy correction of mistakes.

• Local Storage Persistence: 💾 Your financial data is securely saved in your browser's local storage, ensuring it's available across sessions. This eliminates the need for server-side databases and provides a secure, client-side data storage solution.

• Responsive Design: 📱 Seamlessly works on all devices, providing a consistent experience on desktops, tablets, and smartphones. The application adapts to different screen sizes, ensuring optimal usability.

• Next.js Framework: 🚀 Leverages the power of Next.js for optimized performance and a smooth user experience. Next.js provides server-side rendering and static site generation, resulting in faster load times and improved SEO.

• Income/Expense Categorization: 💸 Clearly separates income and expense logs for easy financial overview. This feature provides a clear distinction between income and expenses, allowing for easy analysis of your financial situation.

Technologies Used

• Next.js: 🚀 React framework for building server-rendered and statically generated applications.

• TypeScript: 💻 Statically typed superset of JavaScript.

• Tailwind CSS: 💨 Utility-first CSS framework for rapid UI development.

• shadcn/ui: 🎨 Re-usable components built using Radix UI and Tailwind CSS.

• Local Storage: 💾 Browser API for client-side data storage.

• React: ⚛️ Javascript Library for user interfaces.

How to Setup

1. Clone the Repository

2. Install Dependencies:

   npm install
   # or
   yarn install
   # or
   pnpm install

3. Run the Development Server:

   npm run dev
   # or
   yarn dev
   # or
   pnpm dev

4. Open in Browser:

   • Open your browser and navigate to http://localhost:3000.