Expense Tracker App
This is a simple Expense Tracker application that allows users to add items with their costs, view them, and delete them. The app is built using Firebase for data storage and authentication, Next.js 13 for server-side rendering and routing, and Tailwind CSS with DaisyUI for styling.
Click here to visit the Expense Tracker App.
Features
- Add expenses: Users can easily add items with their respective costs to track their expenses effectively.
- View expenses: The app provides a clear and organized view of all the expenses entered by the user.
- Delete expenses: Users can remove unwanted expenses from their list with a simple delete action.
Technologies Used
- Firebase: The app utilizes Firebase to store the expense data.
- Next.js 13: Next.js is used for server-side rendering, and providing an optimized development experience.
- Tailwind CSS: The app's UI is designed using Tailwind CSS, a utility-first CSS framework that enables rapid and responsive styling.
- DaisyUI: DaisyUI is a plugin for Tailwind CSS that extends its default utility classes, providing additional components and styles.
Getting Started
To run this application locally, follow these steps:
- Clone the repository:
git clone https://github.com/speedbuild98/Expense-TRacker.git
- Navigate to the project directory:
cd Expense-TRacker
- Install the dependencies:
npm install
- Set up Firebase: Create a Firebase project and update the Firebase configuration in the app.
- Start the development server:
npm run dev
- Open your browser and visit
http://localhost:3000
to access the Expense Tracker app.
Acknowledgements
- Firebase
- Next.js
- Tailwind CSS
- DaisyUI
Feel free to customize and enhance the application according to your needs. Happy tracking!