React JS Tutorial – Build a Weather App With Cities Autocomplete

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=Reny0cTTv24


Category:
Tutorial
Duration: 1:35:59
233,346 views
5,694

In this React project tutorial, you will learn to build a weather application using the OpenWeatherMap API and GeoDB API with places autocomplete.

✏️ Slobodan Gajic created this course. Check out his channel: https://www.youtube.com/c/CodewithSloba

💻 Code: https://github.com/bobangajicsm/react-weather-app
💻 OpenWeather API: https://openweathermap.org/
💻 GeoDB Cities API: https://rapidapi.com/wirefreethought/api/geodb-cities/

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Intro
⌨️ (0:00:30) How to get API keys
⌨️ (0:02:30) Creating the application and installing packages
⌨️ (0:05:25) Building city search component
⌨️ (0:23:48) Building current weather component
⌨️ (0:43:23) Fetching and mapping data from weather API
⌨️ (1:01:35) Building weather forecast component
⌨️ (1:34:20) Outro

🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news



Other Videos By freeCodeCamp.org


2022-08-11Event-Driven Architecture with React and FastAPI – Full Course
2022-08-10HTML / CSS Tutorial – Create an Order Summary Component
2022-08-09Python for Beginners – Full Course [Programming Tutorial]
2022-08-04Blazor Server App with .NET 6 and Syncfusion UI Components – Full Course
2022-08-01Industry Level REST API using .NET 6 – Tutorial for Beginners
2022-07-28JavaScript Game Development Course for Beginners
2022-07-25Create An Elementor WordPress Website – Elementor Tutorial For Beginners 2022
2022-07-21Apache Cassandra Database – Full Course for Beginners
2022-07-20Think Like a Computer Science Professor
2022-07-19How to Build an MVP for Your App – Full Course on Minimum Viable Product Development
2022-07-14React JS Tutorial – Build a Weather App With Cities Autocomplete
2022-07-11OpenStack Tutorial – Operate Your Own Private Cloud (Full Course)
2022-07-07JavaScript DOM Manipulation – Full Course for Beginners
2022-07-05JavaScript Tutorial – Code Your Own Jeopardy Game
2022-06-29Learn Terraform with Azure by Building a Dev Environment – Full Course for Beginners
2022-06-27Greedy Algorithms Tutorial – Solve Coding Challenges
2022-06-24Build API Powered Dashboards - MongoDB, Discord and Mail API
2022-06-20Automate with Python – Full Course for Beginners
2022-06-15Python TensorFlow for Machine Learning – Neural Network Text Classification Tutorial
2022-06-13Visual Basic (VB.NET) – Full Course for Beginners
2022-06-09Flutter Mobile App + Node.js Back End Tutorial – Code an Amazon Clone [Full Course]