Trackit

Trackit is the expense tracker app boilerplate. Built using the latest tech stack like Next.js which helps developers founders and CTOs to develop and launch fast.

This section below will explain the core features, details, API docs, how to get started, tech stack used and other required things you need to know are mentioned below.

But before you even get started, try the DEMO.

Core features

• Google Authentication
• Manage all expenses (Create, Edit, Delete and Read, Filter)
• Monthly chart analysis (pie chart and line chart, more can be added)
• Export expenses (PDF, CSV & JSON)
• Search expenses
• Share expenses via link

Tech Stack

• Next.js
• Reactjs
• Tailwind CSS
• Recharts for charts
• React Query
• Firebase storage, authentication and firestore

How to get the app?

• Get the boilerplate
• Add Firebase credentials in the env
• Push to github
• Deploy app

in just 4 steps your expense tracker app will be LIVE!!, check the demo as well.

How to use boilerplate?

Well, the boilerplate section is to customise the app and can be use for the following

• Good for a personal expense tracker app
• Good for your client's app development
• Good for small-scale expense SAAS apps
• Good for freelancers as well solo developers and small-scale startups as well

How to get started with boilerplate?

• Download the repository.
• Check the Node.js version using node -v.
• If Node.js is not installed, install it using Homebrew: brew install node.
• Go inside the directory in the terminal or open the directory in VS Code and open the terminal.
• Get Firebase API keys from the Firebase console.
• Add the API keys inside the .env file
• Run yarn command to install packages.
• Run yarn run dev to start the server on PORT 3001.
• Open localhost:3001 to ensure everything is working correctly.

How to deploy (Vercel)

1. Create a Vercel account.
2. Push the code to a GitHub repository.
3. Import the GitHub repository into your Vercel account.
4. Deploy the repository as a project on Vercel.

How to push on a custom domain

1. Create a Vercel account.
2. Push the code to a GitHub repository.
3. Import the GitHub repository into your Vercel account.
4. Deploy the repository as a project on Vercel.
5. Go to the Vercel settings tab for the corresponding project.
6. Select the "Domains" tab to get DNS server names and configurations.
7. Add the DNS settings on your domain server host (e.g., GoDaddy).

API Documentation

• createExpenseApi: Adds a new expense to the "Trackit-Expenses" Firestore collection.
• getAllExpensesApi: Retrieves all expenses from the "Trackit-Expenses" collection, ordered by creation date.
• getExpenseByIdApi: Fetches a specific expense by its ID from the "Trackit-Expenses" collection.
• updateExpenseApi: Updates an existing expense in the "Trackit-Expenses" collection by its ID.
• removeExpenseApi: Deletes an expense from the "Trackit-Expenses" collection by its ID.
• googleLogin: Authenticates a user with Google via Firebase and stores their details if it's a new user while handling errors and updating the app state.

Price - $29, is it Worth it?

• Time Savings: Save 50-80 hours of work.
• All-in-One Package: Code setup, APIs, State Management, Storage, Authentication
• Easy Setup: Connect with Firebase without hassle, store data and images
• Modern Design: Built with React and Tailwind CSS for a clean look.
• Focus on Writing: Skip the boring setup and start creating.
• Quick Launch: Start your blogging platform quickly with a reliable solution.

Contact

Feel free to contact me at shreyvijayvargiya26@gmail.com