/DoughFin_FE

💸 User-friendly financial management app 🐬

Primary LanguageJavaScriptApache License 2.0Apache-2.0

💸 DoughFin 🐬

DoughFin is a user-friendly financial management app designed to help individuals effortlessly track their income, categorize expenses, and create budgets. With DoughFin, managing your finances becomes intuitive, empowering you to make informed decisions about your money.

🗃️ Table of Contents

📝 Description

This project aims to apply knowledge gained at Turing by developing production-ready software through an agile process, exploring new technologies beyond the curriculum, practicing advanced git workflows, using continuous integration for deployment, and emphasizing communication within a multi-developer team to build and deploy features across different environments.

Project Spec

📋 View the Capstone Project Part 1

📋 View the Capstone Project Part 2

Explore The App

📲 Features

  • 💰 Income Tracking: Automatically track your income from various sources to see how much you're earning.
  • 💰 Expense Categorization: Automatically categorize your expenses for a clearer understanding of your spending habits.
  • 💰 Budget Creation: Set up personalized budgets to control your spending and achieve your financial goals.
  • 💰 Insightful Reports: Get detailed reports and insights into your financial health, helping you make better financial decisions.
  • 💰 Secure Account Linking: Safely link your bank account(s) for real-time transaction updates.

👾 Tech Stack

JavaScript HTML CSS React React Redux Apollo GraphQL GraphQL Cypress Linear PostMan Node.Js Git GitHub Actions Vercel

❗ Required Environments

NodeJS || Apollo Client || GraphQL || Redux || Cypress || MUI

⚙️ Setup and Install

Get DoughFin running on your machine:

Install Backend Repo: Back-End Repo

  1. Clone the repository from: git@github.com:MaryBruff/DoughFin_FE.git
  2. Move to the project directory:
cd DoughFin_FE
  1. Grab the dependencies: npm install
npm install
  1. Fire up the app: npm start
npm start

Testing

To Run Tests

npm run cypress:open

🎯 💭 Planning

Project Planning Documents

✍🏻 View Miro Board Miro Board

🎨 View Figma Planning Phase Figma

🖼️ View Final Figma Design Final Figma

Configuration

  • port deconfliction
    • react app localhost:3003
    • rails api localhost:3000

🤝 Team

Meet the developers!

Part 2: Solo

👩🏼‍💻 Mary Bruff

GitHub || LinkedIn

︶︶︶︶︶︶︶︶︶︶︶︶

Part 1: Group

👨🏻‍💻 Joseph Lee LinkedIn || GitHub

👨🏼‍💻 Shawn Carpenter LinkedIn || GitHub

🧑🏼‍💻 Ben Rosner LinkedIn || GitHub

👨🏼‍💻 Taylor Pubins LinkedIn || GitHub

👩🏻‍💻 Anthea Yur LinkedIn || GitHub