This is a web application designed to assist users in effectively tracking their income and expenses. The Finance Tracker website contains tools for managing financial transactions, classifying income and expenses, and generating reports. The application is developed with Node.js, MongoDB, React, and Tailwind CSS, and Auth0 is used for authentication.
-
Registration and Authentication of Users: On the Finance Tracker website, users can establish an account. Implementing Auth0 authentication ensures secure access to user data and prevents unauthorised access.
-
Dashboard: Upon login, users are confronted with a personalised dashboard. The dashboard displays summaries of the user's income and expenses, as well as charts and diagrams, to provide a financial status overview.
-
Income and Expense Tracking: Users are able to record their income and expenses with specific details, such as amount, date, category, and description. The application allows for simple and efficient data entry, enabling users to add, edit, and delete transactions.
-
Categorization: Transactions can be categorised into predefined or custom categories, allowing users to organise and analyse their financial data more effectively.
-
The Finance Tracker website provides a variety of reports to assist users in gaining insight into their financial activities. Users are able to generate reports based on particular time periods, categories, and custom filters. To facilitate comprehension, the reports include visual representations such as charts and graphs.
-
About Page: The website provides an informative about page that describes the purpose and characteristics of the Finance Tracker Website. Users can gain insight into the application's history and development.
-
Users can share their opinions, suggestions, and any problems they encounter while using the website on a dedicated feedback page. This enables the development team to collect useful feedback and enhance the application in response to user input.
The website for Finance Tracker is created with the following technologies:
-
Node.js is used to create the infrastructure, which provides a scalable and efficient server environment.
-
The application stores user data, including transactions, categories, and user information, in MongoDB, a NoSQL database.
-
The frontend is built with React, a prominent JavaScript library for constructing user interfaces. React permits the development of dynamic, responsive components for a fluid user experience.
-
Tailwind CSS: The website's formatting and layout are implemented with Tailwind CSS, a CSS framework that prioritises utility. Tailwind CSS enables simple customization and uniformity throughout an application's design.
-
Auth0 is incorporated into the application for authentication and authorization of users. It ensures the security of user data and provides a secure registration mechanism.
To run the Finance Tracker Website locally, follow these steps:
-
Ensure that you have Node.js and MongoDB installed on your machine.
-
Clone the repository: git clone https://github.com/your-username/Finance-Tracker.git
-
Navigate to the project directory: cd Finance-Tracker
-
Install the dependencies for the server: npm install
-
Install the dependencies for the frontend: cd frontend npm install
-
Create a .env file in the root of the project and add the necessary environment variables, including MongoDB connection string and Auth0 configuration details. Refer to the .env.example file for the required variables.
-
Start the development server: npm start
We value your feedback and contributions to the Finance Tracker Website. If you encounter