Spendy - An app to keep track of all your expenses

Part of Academind's Remix.js Practical Guide but updated to be made with TypeScript and Remix v2. A site where people can keep track of their expenses. Contains user authentication so each user can only access their own expenses. Live link: https://spendy-expenses.netlify.app/

Table of Contents

• Tools
• Features to Add
• Quick Start

Tools

Made with Remix (React, React Router), TypeScript, MongoDB, Prisma, heroicons.

Features to add

• Build routes and their pages
• Add MongoDB backend and connect it to Remix with Prisma
• Validate Form data on server and client side to send to database
• Add auth

Stretch Goals

• Finish base app first

Quick Start

From your terminal:

npm run dev

This starts your app in development mode, rebuilding assets on file changes.

Deployment

First, build your app for production:

npm run build

Then run the app in production mode:

npm start

Now you'll need to pick a host to deploy it to.

DIY

If you're familiar with deploying node applications, the built-in Remix app server is production-ready.

Make sure to deploy the output of remix build

• build/
• public/build/