https://github.com/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.
https://github.com/gigaberdzenishvili/react-finance-tracker
authentication cssmodules-react firebase firestore react react-context react-router-v6
Last synced: 3 months ago
JSON representation
This application is for tracking personal expenses, built using Vite, React, CSS Modules, Firebase, Firebase Authentication, Firebase Firestore, React Router, and React Context.
- Host: GitHub
- URL: https://github.com/gigaberdzenishvili/react-finance-tracker
- Owner: GigaBerdzenishvili
- Created: 2023-02-08T13:48:15.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-08T13:52:45.000Z (over 2 years ago)
- Last Synced: 2024-12-27T15:09:23.447Z (5 months ago)
- Topics: authentication, cssmodules-react, firebase, firestore, react, react-context, react-router-v6
- Language: JavaScript
- Homepage:
- Size: 131 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
```