Fintra - An Expense Tracker

An expense tracker made using ReactJS which makes heavy use of firebase for authentication and firestore to store the user data.

Features

• Login
• Signup
• Hooks:
  ~ useAuthContext - Handling authentication (checking if the user is already logged in then the page first loads).
  ~ useFirebase - All of the Firebase services are initialized inside this hook.
  ~ useCollection - Access different collections in Firestore DB (accepts a collection name).
  ~ useLogin
  ~ useSignup
  ~ useLogout
  
• Add Transaction
• Delete Transaction
• Transactions are always ordered by the date they were created on (Descending)
• Access Control (Transactions are only visible to the creator)
• Session Management (Session management involves creating and maintaining a unique session identifier for each user, which is used to keep track of their session state and activity)

Screenshots

Signup page

Login page

Home page (After Signup/Login)

Adding a Transaction

Cloning and Running the Application in local

Clone the project into local

Install all the npm packages. Go into the project folder and type the following command to install all npm packages

npm install

In order to run the application Type the following command

npm start

The Application Runs on localhost:3000