Skip to content

MVP webapp to create/organize spreadsheets for tracking personal finances. MERN stack application

License

Notifications You must be signed in to change notification settings

spencerlepine/finchart

Repository files navigation

FinChart Web App

MVP Web app for creating financial snapshots for networth and budgeting. Track data every quarter and generate charts without using a spreadsheet.

JavaScript React Jest NodeJS Express.js MongoDB GitHub Actions

🎯 Project Overview

  • Designed modern and responsive frontend with React and Material UI
  • Developed RESTful API to interface with NoSQL MongoDB database
  • Implemented simple JSON file import/export for user data
  • Secured client and server authentication with JSON Web Tokens (JWT), storing tokens securely in browser HttpOnly cookies
  • Automated continuous integration with GitHub Actions, enforcing ESLint code styling, build and test
  • Simplified deployment with Render to host API and Client on one platform

Architecture

📦 Tech Stack

  • React
  • MaterialUI
  • MongoDB
  • Express/Node

🚀 Deployed with Render

⚙️ Local Development

Also refer to DEPLOYMENT.md and CONTINUOUS_INTEGRATION.md

yarn install
cp .env.sample api/.env
yarn run dev
# open localhost:5000

🌟 Features

Login/Logout

Image

View Reports

Image

Image

Image

Create/Edit Reports

Image

Import/Export JSON Report

Image

Track Snapshots Over Time

Image

About

MVP webapp to create/organize spreadsheets for tracking personal finances. MERN stack application

Topics

Resources

License

Stars

Watchers

Forks

Languages