Subtrack

⚠️ Currently the app is still in very early development so expect a lot of bugs and things not working. Try the demo here!

Subtrack is the best manager for keeping track of all your subscriptions, accounts, projects, and more!

What is Subtrack?

Subtrack helps you organize and manage your online subscriptions, accounts, projects, and more in one place, so you are in control of everything and can focus on what actually matters, instead of worrying about running out of budget.

Is it safe?

You are the one in control, either create an account and store your private information securely encrypted in the cloud with syncing, backup, and other advanced customizations enabled, or continue as guest and your data stays local in your browser. No sketchy tracking, just tools that do what you want them to do. If you still don't trust me for some reason, everything is fully open source on GitHub (other than secret keys and environment variables of course).

About Subtrack

Subtrack is a web app developed by tonymac129 for Hack Club's winter event Flavortown! This is the result of me locking in during winter break to try to get enough hours and get the Bambu Lab A1 Mini 3D printer. The app is completely open source on GitHub, so feel free to check it out and even contribute!

Tech stack

This is a Next.js app hosted on Vercel built with React, TypeScript, MongoDB, and Tailwind, and the libraries Mongoose, Framer Motion, React Icons, and React OAuth. The app folder contains the frontend page routes and the backend API endpoints. The components folder contains UI frontend components. The lib, models, and types folders contain extra stuff for setup and the public folder contains frontend assets like icons and services.

Quick start

To host Subtrack on your machine for local development or other purposes, simply follow these steps below:

1. Clone the GitHub repository using the command

   git clone https://github.com/tonymac129/subtrack.git

2. Open it with your favorite code editor or through the terminal

3. Create the file .env.local at the root folder and initialize the following variables:

   MONGO_URI=your_mongo_uri
   NEXT_PUBLIC_ROOT_URL=http://localhost:3000
   

4. If you don't have a MongoDB cluster/connection string, only guest mode will be available (otherwise the app will crash because of obvious reasons)

5. Open the terminal and run the commands

   npm install
   npm run dev

   or if you have Yarn

   yarn install
   yarn dev

   to start the Next.js dev server at localhost:3000 and see the magic!

Contribution

Any kind of contribution is welcome, but please follow the guideline below!

• Submit an issue if there's a bug/issue or if you want to suggest new features/subscriptions to be added.
• Submit a pull request if you want to add or improve the code base!
• Commit messages should be specific and address the issue
• Please don't submit random issues that aren't specific
• Please don't submit pull requests that "fix typo" or "improve formatting"