https://github.com/djirdehh/react-living-app
🌎 A react app that helps you compare the cost of living between cities worldwide
https://github.com/djirdehh/react-living-app
react
Last synced: about 1 year ago
JSON representation
🌎 A react app that helps you compare the cost of living between cities worldwide
- Host: GitHub
- URL: https://github.com/djirdehh/react-living-app
- Owner: djirdehh
- Created: 2017-01-19T07:07:41.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2019-06-28T17:59:22.000Z (about 7 years ago)
- Last Synced: 2024-11-19T14:43:04.011Z (over 1 year ago)
- Topics: react
- Language: JavaScript
- Homepage: https://citii-io.herokuapp.com/
- Size: 12.2 MB
- Stars: 333
- Watchers: 10
- Forks: 76
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
✨ Citii is a react app that allows users to compare and analyze the cost of living between cities around the world. ✨
## Features
* 🔩 Simple: Bootstrapped with [create-react-app](https://github.com/facebookincubator/create-react-app) and optimized with [react-select](https://github.com/JedWatson/react-select)
* 📊 Structured: Data obtained from [Numbeo](https://www.numbeo.com/cost-of-living/) and cross-referenced with further data from [Teleport API's](https://developers.teleport.org/api/) and the [Open Exchange Rates API](https://openexchangerates.org/)
* 💪 Powerful: Runs a [Service Worker](https://github.com/w3c/ServiceWorker) script to increase online performance and function without a network connection
* 📱 Responsive: Made mobile responsive with [Twitter Bootstrap](http://getbootstrap.com/)
* 🎉 Live: Deployed with [Heroku](https://blog.heroku.com/deploying-react-with-zero-configuration) and secured with [Cloudflare](https://www.cloudflare.com/)
## Demo
## Build
### Locally using npm
* Clone/download the repo
* `cd react-living-app`
* If you don't have create-react-app installed run `npm install create-react-app`
* `npm start` runs the app in development mode. Open [http://localhost:3000](http://localhost:3000) to view it in the browser and the page should reload whenever you make edits
Head over to create-react-app to see a list of things you can do.
### Using Docker
* Make sure you have docker installed
* Run `docker-compose build && docker-compose up`. Open [http://localhost](http://localhost) to view
## Improvements
- [ ] Unit Tests!
## Appreciation :)
Much thanks to contributors:
* [redcom](https://github.com/redcom)
* [housseindjirdeh](https://github.com/housseindjirdeh)
* [G2Jose](https://github.com/G2Jose)