Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/frozen-burrito/expense-tracker

A full-stack web app that keeps track of income, expenses and transaction history
https://github.com/frozen-burrito/expense-tracker

express full-stack javascript mongodb nodejs react webapp

Last synced: about 16 hours ago
JSON representation

A full-stack web app that keeps track of income, expenses and transaction history

Awesome Lists containing this project

README

        

# React Expense Tracker

A compact web app that keeps track of income, expenses, transaction history and financial statistics

> In development

## Getting Started

Download the project. In the root directory, you can run:

#### `npm run dev`

Runs the app and server in the development mode.

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.

> Connect to a mongodb Database

In order to connect the app to a mongoDB Database, you'll need to create a file named **config.env** in `client/config/` with three properties: NODE_ENV, PORT and MONGO_URI.

## What I've Learned

I followed a tutorial for the base functionality, and added other features by myself.

I've learned:
* Web design using Figma
* React global state
* React hooks
* NPM modules like axios and mongoose
* Express
* MongoDB

## React Documentation

For more details about the project, you can check the [React documentation](https://reactjs.org/) and the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).