- usage of multiple APIs
- css animations
- css modules for styling
- using graphs
- page transitions
- usage of search bars
- animated icons
CSS Modules
Select Component
Framer library
Chart.js
Chart.js label plug-in
Static weather icons
Date library
Some features
Google Autocomplete API
Visual Crossing API
Google Places API
Google Youtube API
The website falls short of delivering satisfactory user experience. After dozens of attempts, its dimensions are way bigger than they should be, with white areas being accessible on vertical scroll. Another downfall is some features not working in smartphone dimensions, but they did work when being tested in Google DevTools and when browser was resized to phone dimentions. Better phone size testing tool is needed.
Feature: When double clicking / tapping on image, it should appear above all others in bigger dimensions, with an exit button on top right.
Feature: After I learn how to make React Phone apps, this project should get its own phone app as I want to use it in daily life and provide it to my friends and family in the same way.