WeatherFramed was created during an interesting code challenge week, the goal is to geolocalise the position of the user and give the weather for that location. The user also has the option to select a specific location.
- ESlint
- Prettier
- Babel
- WebPack
- React
- Redux
- TypeScript
- Emotion
- Axios
- Jest
- Storybook
- Load the page.
- The current weather of your location will appear.
- You can check other locations by entering a city name inside the input field or directly in the link as shown (/?city=${city}).
PS: on the Mobile version the card will be in fullscreen and won't have the header, to fetch a location you can query directly in the URL.
- Automatically localize you and give your position weather.
- Show an animated background depending on the weather.
- Show An Icon that represents the current weather.
- Show details related to the weather.
- Cache the weather data for 5 min so if you refresh in that timeframe you will not make an extra API call.
- Work In Progress.
To-do list:
- Show more than 1 city, implement a system of card rotation every 5 sec.
