gigaberdzenishvili/react-finance-tracker

This application is for tracking personal expenses, built using Vite, React, CSS Modules, Firebase, Firebase Authentication, Firebase Firestore, React Router, and React Context.

FINANCE TRACKER

Introduction

This application is for tracking personal expenses, built using Vite, React, CSS Modules, Firebase, Firebase Authentication, Firebase Firestore, React Router, and React Context.

• Live URL: https://react-finance-tracker-f5135.firebaseapp.com/

Features

• User sign-up and login using Firebase Authentication
• Adding and viewing expenses
• Expense tracking for each user, stored in the Firebase Firestore database
• Clean and organized user interface using CSS Modules
• Dynamic routing with React Router
• Centralized state management using React Context

Technologies

• Vite
• React
• CSS Modules
• Firebase
• Firebase Authentication
• Firebase Firestore
• React Router
• React Context

Installation

• Clone the repository and install the dependencies:

git clone https://github.com/GigaBerdzenishvili/react-finance-tracker.git

cd finance-tracker

npm install

• In the src directory, open the Firebase, config.jsx file and replace the placeholder values in the firebaseConfig object with your own Firebase configuration values. You can find these values in the Firebase Console.

• Finnaly start the development server

npm run dev