yuripramos / forecast-app

Forecast app with future and past forecast

Forecast App

Getting Started

This project was made focusing on the architecture of high scalable projects. The App itself is small but is 100% ready to get as big as possible

✔️ Styled-Components

✔️ Webpack

✔️ React-16

✔️ i18n dynamic dictionary for units (only available for 3 units: us, si and uk2) 🌐

✔️ High Scale Svg Icons Workflow

✔️ Reusable High scale Modal

✔️ Reverse Proxy

✔️ Cross-Browser Solution! (even for MS Edge)

Made with ❤️ and Redux-zero.

🔥 Why Redux-zero as a state manager?

Redux-zero is a lightweight state container based on Redux. I would like to share 3 arguments to choose redux-zero over redux.

1. Is lighter(less than 1kb) than redux and in projects that are not necessarily high usage of reducers, it helps to focus on what is important.
2. I participated in the conception of this lib, made mostly by an ex-coworker.
3. I'm currently focusing my career in leadership and share knowledge that I've learned across these years, so would be an honor gives a presentation about this amazing library.

More about Redux-zero here

🔥 Why Reverse Proxy?

Due to security issues of DarkskyAPI they throw CORS error from localhost, so it's necessary to work around this. To avoid wasting time setting-up a node+express reverse proxy server in cases like that I use this reverse proxy service. (not accessible link)

☁️ Installation

Makefiles aren't Windows friendly, if you have minGW64 and whole environment to run the makefile(Unix/macOS) do this:

git clone https://github.com/yuripramos/forecast-app
cd forecast-app
make installation
make build
make start-server
access http://localhost:3000
Search your desired city =)

If you don't have makefile enviroment ready, do this instead :

git clone https://github.com/yuripramos/forecast-app
cd forecast-app
npm install or yarn install
npm run build
npm run start:server
access http://localhost:3000
Search your desired city =)

Requires node >= 8.9.3

Tests

• % stmts = 90.96%

• % Branch = 71.43%

• % funcs = 93.1%

• % Lines = 91.96%

• Average ~= 87%

Roadmap

Release 0.1 (current) - First release of the app

Release 0.2 - Refining UI/UX and new units in dictionary

Release 0.3 - Improvements in mobile devices screens

❗ Credits

Yuri Ramos

📜 License

MIT