React Weather App ☀️☔❄️

• Overview
• The challenge
• Link
• Built with
• What I learned
• Author

Overview

The challenge

Build a responsive weather App with React based on the OpenWeather API.

Implemented features:

• Search engine
• API integration
• Wind speed, weather description and weather icons
• Hourly and daily forecast
• Unit conversions
• Hosting on Netlify
• Responsive Design with Bootstrap

Link

• Check out the solution here!

Built with

• Semantic HTML5 markup
• CSS custom properties
• Bootstrap
• Mobile-first workflow
• React
• API
• Netlify

What I learned

I attended an online React Development bootcamp at SheCodes, where I had to deliver weekly coding challenges and a React Weather App as a final project. In order to built this project, I previously learnt:

• HTML, CSS and Bootstrap to make the app's design responsive.
• React components, properties, events, states, forms, loops, AJAX, external components, etc.
• Node.js, NPM
• React Debugging
• API integration to access realtime weather information.
• GitHub to host my code's project online and make it visible to others.
• Netlify to host my project and get a real domain/Url to share it proudly with others.

Author

• Portfolio
• Twitter