GoalDigits

GoalDigits is a financial tracking application built with React, Redux, and Firebase. It enables users to set goals, track their transactions, and see progress. The app features user authentication, responsive design, dark mode, voice powered and an integrated chatbot for assistance.

Features

• User Authentication
• Set Financial Goals
• Track Transactions
• View Progress Reports
• Responsive Design
• Dark Mode
• Voice Powered (in Chrome browser)
• Integrated Chatbot

Technologies Used

• React
• Redux
• Firebase
• Tailwind CSS
• Node js
• React Router
• react-icons
• Firebase
• OpenAI API
• Web Speech API
• NeonDB

Getting Started

Prerequisites

• Node.js
• Firebase account

Installation

1. Clone the repository:

   git clone https://github.com/ArisLooi/GoalDigits.git

2. Navigate to the project directory:

   cd GoalDigits

3. Install dependencies:

   npm install

4. Create a .env file and add your Firebase and OpenAI API keys:

   VITE_BACKEND=your_backend_url
   VITE_FIREBASE_API_KEY=your_firebase_api_key
   VITE_OPENAI_API_KEY=your_openai_api_key

5. Start the development server:

   npm run dev

Usage

Authentication

Users must register and log in to access features such as setting goals, tracking transactions, and viewing progress.

Setting Goals

Navigate to the "Set Goals" page to define your financial goals.

Tracking Transactions

Navigate to the "Keep Track" page to log your transactions.

Viewing Progress

Navigate to the "See Progress" page to view your financial progress reports.

Chatbot Assistance

Click the chatbot icon to get assistance from the integrated chatbot.

Contributing

Contributions are welcome! Please fork the repository and create a pull request with your changes.

Acknowledgements

Special thanks to:

• Safa Yousif - Sigma School Instructor
• Chan Ken Jin - Education Manager
• Khant Linn Tun - Mentor & Teaching Assistant
• Jun Heng - Teaching Assistant