TabberTrack

This is the source code for the website tabbertrack.com.

TabberTrack is "The all in one solution for managing how much money you and your friends owe eachother." I created this website to learn the ins-and-outs of developing and deploying a complete full-stack web application. The website is, for the most part, completely production ready and I encourage you to try it out and even use it in the real world if the app appeals to you.

Getting started

Go to tabbertrack.com and signup! It's that easy!

With that said: if you would like to setup a development environment, click here.

What did I use?

The "stack" I chose was:

• Next.js and by extension, React
• Postgresql
• Prisma
• Tailwind CSS

Other notable packages were:

• NextAuth.js
• Postmark
• shadcn/ui

The website is hosted on Vercel and uses Vercel Postgres for production.

Setup a development environment

Prerequisites

• Node.js
• Postgresql
• A verified Postmark account
• A Google Cloud API "Client ID for Web application"

Installation

1. Clone the repository:

git clone https://github.com/timothyhilton/tabbertrack

2. Fill in all of the environment variables:

cp .env.example .env

Use your text editor of choice to edit the .env file

3. Let npm install everything:

npm install

4. Migrate the database:

npx prisma db push

Open http://localhost:3000 with your browser to see the result.