https://github.com/inspmoore/bablo

Hajs musi się zgadzać!
https://github.com/inspmoore/bablo

Last synced: about 4 hours ago
JSON representation

Hajs musi się zgadzać!

• Host: GitHub
• URL: https://github.com/inspmoore/bablo
• Owner: inspmoore
• Created: 2018-05-09T17:03:52.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-08T19:34:02.000Z (almost 2 years ago)
• Last Synced: 2023-03-04T05:09:45.847Z (over 1 year ago)
• Language: JavaScript
• Homepage: https://bablo.herokuapp.com
• Size: 2.26 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 26
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Bablo - bo hajs musi się zgadzać

[![Lighthouse score Performance: 87/100](https://lighthouse-badge.appspot.com/?score=87&compact&category=Perf)](https://github.com/ebidel/lighthouse-badge)

[![Lighthouse score PWA: 91/100](https://lighthouse-badge.appspot.com/?score=91&compact&category=PWA)](https://github.com/ebidel/lighthouse-badge)

[![Lighthouse score Best Practices: 94/100](https://lighthouse-badge.appspot.com/?score=94&compact&category=Practices)](https://github.com/ebidel/lighthouse-badge)

[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)

![Bablo - bo hajs musi się zgadzać](client/assets/bablo_wide.svg)

> Working demo here [bablo.herokuapp.com](https://bablo.herokuapp.com). Best to open on a mobile.

A PWA (Progessive Web App) for your delight. This app will make a tedious process of calculating the arithmetic average of the USD to UAH currency rates from the last three months from the date you choose as simple as pressing a button. Plus there's a two-way calculator to convert both currencies.

## How to use 🔨

![bablo in use](https://thumbs.gfycat.com/RashCarefulInvisiblerail-size_restricted.gif)

## Why? 🧐

You police?

## How? ✨

[ReactJS](https://reactjs.org) with [create-react-app](https://github.com/facebook/create-react-app)!

Instead of Redux I've used the new Context API. It worked well for simple tasks like localization. Redux would be much better choice for more complicated tasks, but thanks to small scale of the app, the Context API worked well too.

Besides there's a great [ChartJS](https://chartjs.org) library used for the graph, [momentjs](http://momentjs.com/) to deal with time, [styled-components](https://www.styled-components.com/) and [react-datepicker](https://reactdatepicker.com/).

## PWA 🚀

Thanks to the Service Worker the app works offline, it prompts the user for the installation and caches last results in local storage. It works on iOS 11.3 too, with expception of the install prompt of course.

![installation banner](client/assets/bablo_pwa.jpg?v=4&s=400) 

## Installing 🔩

Just clone the repo and then run

```

yarn install

```

or if you stick to raw npm, then

```

npm install

```

Rest of the scripts are the same as in [create-react-app](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#available-scripts) toolbox.

## Contributing 🤝

If you find this little project interesting and wanted to add something, or you've found some utter nonsense in the code that infuses internal pain in you, than don't hesitate and do a PR or report an issue. All are very much welcome!