=================
A way to keep track of your financial expenses in a convenient and organized way. It typically allows you to input information about your expenses and provides tools for analyzing and categorizing this information to help you better understand your spending habits.
- clone the repository:
git clone https://github.com/OONelson/Expense-Tracker.git - Install dependencies:
npm install - Start the development server:
npm run dev
* open [http://localhost:5173/] (http://localhost:5173/) to access the application.
- Sign in with Google: Signing in with google is the only way to login into the application
- Dark/Light Mode toggle: User can be able to toggle between light and dark modeby clicking on the moon or sun icon
- Logout/ Sigining out: User can logout by clicking the logout icon by the top right of the app.
- Expense Balance: User should be able to see the expense balance based on the transactions.
- profile Page: Users have a profile page when they can see their profile photo on the Gmail they used to login and the name on the Gmail.
- Transactions: when you add an expense you should be able to see the transaction based on the time expense added in descending order.
- Time when transaction was created: when a transaction is created the time when its created displays in the transaction.
- The Yellow middle button pops up the add expense menu, then you follow by putting in the amount and selecing the tag.
This is organized as follows:
src/: Contains the source code for the application.src/pages: Contains the pages for the app.src/components: thei folder contains the components which some are resuseable.src/firebase: contains firebase config.public/: contains the public assets for the application, such as the HTML file and imagespackage.json: lists the project's dependencies and scripts
- [Project Link] (https://everyday-expense-tracker.netlify.app/)