With this app you can browse through small informative country cards, and by clicking them each one will take you to a new page with its capital's city weather status and forecast. There's also a posibility to save your favourties and access at the "Favourites" section.
The data is facilitated by the One Call API from OpenWeather and the RESTFul API from Rest Countries.
This is a project done for the Web Development program @Helsinki Business School (Oct 2023). The main focus was gettting acquinted with Redux and the implemention of robust authentication tools, like the ones Google's Firebase provided for this project.
- Reactjs
- React Redux and React Redux Toolkit
- Bootstrap
- Google Firebase (Authentication, and Cloud Firestore)
git clone https://github.com/hiphip12/react-countries-bootstrap.git
cd react-countries-bootstrap
add .env
file with your private keys/ids (follow env.example)
npm install
npm start
The assignment, inital codebase and guidance were provided by Martin Holland during Sep/Oct 2023 @Helsinki Business College.
Authentication backend & data storage provided by Google's Firebase
Weather data was provided by the One Call API from OpenWeather
Country data was provided by the RESTFul API from Rest Countries
Images provided by unsplash.com
Favicon is from unicode.org (code U+1F326)