expense-tracker-tailwindcss Tailwind Templates

Expense Tracker Tailwindcss

Expense Tracker


This is a Naruto-themed expense tracker web app built with Node.js, Express & MongoDB. Keep track of your income & expenses and browse the records in different months/types/categoires!

This project is live on Heroku: https://expense-tracker-n2.herokuapp.com

You can register your own account or login via Facebook/Google or the default user account:

email: [email protected]
password: 12345678

Features

  1. Users are able to register a new account

or login with local, Facebook or Google account

  1. Users are able to browse a list of expense/income records with selecting customized filter

  1. Users are able to create, edit, delete expense/income records

create

edit

  1. Users are able to change their profile picture & user name

  1. Users are able to see their expense/income records in a doughnut chart visualization

Prerequisites

  1. Git
  2. Node.js
  3. Express
  4. MongoDB

Installing

  1. Clone this project to your local machine with terminal
git clone https://github.com/sherryliao21/expense-tracker.git
  1. Find the folder of this project and open it with your code editor
cd expense-tracker
  1. Install dependencies
npm install
  1. Add .env file and fill in your credentials
FACEBOOK_ID=(your facebook app client id)
FACEBOOK_SECRET=(your facebook app client secret)
FACEBOOK_CALLBACK=http://localhost:3000/auth/facebook/callback
PORT=3000
SESSION_SECRET=(your app session secret)
MONGODB_URI=(your mongoDB URI)
IMGUR_CLIENT_ID=(your imgur client id)
GOOGLE_CLIENT_ID=(your google app client id)
GOOGLE_CLIENT_SECRET=(your google app client id)
GOOGLE_CALLBACK=http://localhost:3000/auth/google/callback
  1. Run seeder
npm run seed
  1. Run project
npm run start
  1. Open your browser and enter path
localhost:3000

Top categories

Loading Svelte Themes