Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

React JS Tutorial – Build a Weather App With Cities Autocomplete

via freeCodeCamp

Start learning Write review
Corporate Finance Institute Ad

Get 35% Off CFI Certifications - Code CFI35

Learn More → Datacamp Ad

Power BI Fundamentals - Create visualizations and dashboards from scratch

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Build a weather application with React JS, incorporating city autocomplete functionality using the OpenWeatherMap API and GeoDB API. Learn how to obtain API keys, set up the project, create a city search component with autocomplete, develop a current weather display, fetch and map data from the weather API, and construct a weather forecast component. Follow along with this comprehensive tutorial to enhance your React skills and create a practical, user-friendly weather app.

Syllabus

) Intro.
) How to get API keys.
) Creating the application and installing packages.
) Building city search component.
) Building current weather component.
) Fetching and mapping data from weather API.
) Building weather forecast component.
) Outro.

Taught by

freeCodeCamp.org

Reviews

3.0 rating, based on 2 Class Central reviews

Start your review of React JS Tutorial – Build a Weather App With Cities Autocomplete

  • Profile image for Quevedo Roberto
    Quevedo Roberto
    I recently completed the 'Tutorial de React JS: React JS Tutorial – Build a Weather App With Cities Autocomplete
    via freeCodeCamp on freeCodeCamp and highly recommend it! This hands-on course teaches you how to build a weather app with city autocomplete using React JS. The tutorial is well-structured, easy to follow, and covers essential concepts like state management, API integration, and component lifecycle. The project is engaging and practical, making it perfect for learners of all levels. With this course, you'll gain valuable skills in React JS and build a portfolio-worthy project. 5/5 stars!"
  • Profile image for Nathan Hester
    Nathan Hester @tornadonathan
    I was a little confused with this and it seems to be getting better as the course goes on. Just wasn't interested because I was frustrated
Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.