Git Product home page Git Product logo

expensestracker's Introduction

Expense Tracker

Expense Tracker is a simple and efficient web application designed to help you track your expenses. It provides a user-friendly interface for recording and categorizing your spending, allowing you to gain insights into your financial habits and manage your budget effectively.

Expenses Tracker

Features

  • User Authentication: Register an account or log in securely to track your expenses.
  • Expense Logging: Add new expenses with details such as date, category, description, and amount.
  • Expense Categories: Categorize your expenses for better organization and analysis.
  • Expense History: View a detailed history of your expenses, including date, category, description, and amount.
  • Expense Summary: Get an overview of your spending habits with a summary of total expenses by category.
  • Search and Filters: Easily search and filter your expenses based on various criteria.
  • Responsive Design: Access and use the application seamlessly on desktop, tablet, and mobile devices.

Technologies Used

Expense Tracker is built using the following technologies:

  • Frontend: HTML, CSS, Typescript, React, Chart.js
  • Backend: Node.js, Express.js, MongoDB
  • Authentication: JSON Web Tokens (JWT), googleOAuth

Getting Started

  • To run Expense Tracker locally, follow these steps:
  1. Clone the repository from GitHub:
git clone https://github.com/oebelus/expense-tracker.git
  1. Navigate to the project directory: cd expense-tracker

  2. Install the dependencies for both frontend and backend:

cd frontend
npm install
cd ../backend
npm install
  1. Set up environment variables:
  • Create a .env file in the backend directory, add the following variables to .env:
MONGODB_URI=your_mongodb_uri
CLIENT_ID=google_oauth_client_id
CLIENT_SECRET=google_oauth_client_secret
OAUTH_REDIRECT_URL=google_oauth_redirect_url
  1. Start the backend server: npm start

  2. In a new terminal, start the frontend development server:

cd ../frontend
npm start
  1. Open your browser and visit http://localhost:4000 to use Expense Tracker locally.

expensestracker's People

Contributors

oebelus avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.