A Money Manager App made with React, ChakraUI, & Firebase

In the project directory, you can run:

1. Clone the repository and cd into its root directory
2. Run npm install to install dependencies
3. Run npm start from the project directory to run in development mode
4. Create a project in firebase console (if you don't have one), and copy the firebaseConfig
5. Create a .env file in your root directory and paste all values from your firebaseConfig you copied

This application is served at http:https://localhost:3000 by default.

In every pages of the app, you can toggle either light or dark color mode based on your preferences.

You will need to create an account by either Sign in, Sign up, or Log in with Google in order to use the money manager app.

Once you've successfully authenticated, you'll be redirected to the Home Page where you can CREATE your first Income or Expense transaction.

In the Home Page, you can Create or Delete Transactions along with visualizing your total Income and Expense in a form of Charts.

The Navigation Bar in the Home Page will show your Username at the right corner and it provides you Log out menu for you to log out.

Note: You authenticated account is registered in Firebase Auth and your transactions list is stored in Firebase Firestore.