https://github.com/benhalverson/react-budget-app

A demo app using React, Redux and Firebase
https://github.com/benhalverson/react-budget-app

demo demo-app docker firebase hacktoberfest react reactjs redux

Last synced: about 1 year ago
JSON representation

A demo app using React, Redux and Firebase

• Host: GitHub
• URL: https://github.com/benhalverson/react-budget-app
• Owner: benhalverson
• License: mit
• Created: 2018-08-26T01:07:39.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T04:20:16.000Z (over 3 years ago)
• Last Synced: 2025-03-29T10:43:48.957Z (about 1 year ago)
• Topics: demo, demo-app, docker, firebase, hacktoberfest, react, reactjs, redux
• Language: JavaScript
• Homepage: https://react-budget-app.netlify.com/
• Size: 7.91 MB
• Stars: 7
• Watchers: 1
• Forks: 9
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
[![Codefresh build status](https://g.codefresh.io/api/badges/pipeline/benhalverson_marketplace/benhalverson%2Freact-budget-app%2Freact-budget-app?branch=master&key=eyJhbGciOiJIUzI1NiJ9.NWJiOWY1MzkyMGRlNTg2ZjdlMzY4MTIz.dHB-gxXA3GnCwwmCG2iTbmMYoD4F-woIRN3Uu3Qom9g&type=cf-1)](https://g.codefresh.io/repositories/benhalverson/react-budget-app/builds?filter=trigger:build;branch:master;service:5bb9f5affd33fdbeaf62358a~react-budget-app)

[![Netlify Status](https://api.netlify.com/api/v1/badges/d93bf1ca-e175-4322-98e2-9013b066c13a/deploy-status)](https://app.netlify.com/sites/react-budget-app/deploys)

## Live demo link

https://react-budget-app.netlify.com/

## What is this?

This is a demo app to showcase how I would setup a front-end app using react with tests.

### Technology

- create-react-app cli

- redux

- firebase

- moment

- thunk

- jest

- enzyme

- and lots more

## Two ways to try out the code

- git clone and run the code with create-react-app

- use Docker and docker-compose

## How to install

- `git clone git@github.com:benhalverson/react-budget-app.git`

- `cd react-budget-app`

- `npm i`

- `npm start`

- browser to http://localhost:3000

## Docker

- install docker for mac or docker for windows

- run `docker-compose up`

## API keys are required from firebase

https://firebase.google.com/docs/web/setup?authuser=0

REACT_APP_APIKEY=

REACT_APP_AUTHDOMAIN=

REACT_APP_DATABASEURL=

REACT_APP_PROJECTID=

REACT_APP_STORAGEBUCKET=

REACT_APP_MESSAGING_SENDER_ID=

Rename the .env.sample to .env.development or .env.test