Build a Weather App with Live APIs and ChatGPT

Build a Weather App with Live APIs and ChatGPT

Use JavaScript and real-time APIs to build a weather app—then improve it with AI. Live, hands-on, and beginner-friendly.

By Hoetzin Coding

Date and time

Location

Online

Agenda

Introduction and HTML Basics

CSS Basics and Styling

Responsive Design, ChatGPT, and Hosting on GitHub

Response and Recovery

About this event

  • Event lasts 2 hours

Event Details

Learn how to bring real-time data into your projects by building a fully functional weather app. In this live, beginner-friendly workshop, you’ll use JavaScript and the OpenWeatherMap API to fetch and display live weather data. You’ll gain hands-on experience with asynchronous programming, API integration, and basic UI design for displaying information clearly.

Then, enhance your app using ChatGPT to improve your interface copy, refine your logic, and create a more intuitive user experience. This is a practical project you can showcase in your portfolio.

What you’ll learn

  • How to fetch and display live weather data using the OpenWeatherMap API
  • The basics of API integration and asynchronous JavaScript
  • How to dynamically update your UI with real-time data
  • How to use ChatGPT to refine copy and optimize functionality

Led by a Hoetzin instructor, this session gives you real-world coding experience with a project you can personalize and expand on.

Is this workshop right for you?

Yes. This session is ideal for beginners with some basic JavaScript knowledge and anyone looking to practice real API integration in a fun, guided way.

What else should you know?

  • Price: Free. We believe high-quality tech education should be accessible to everyone.
  • Format: Live and interactive. Bring your questions and get ready to participate.
  • Certificate: All attendees will receive a free verified certificate of completion to showcase their new skills.

Terms and conditions apply.

Frequently asked questions

Who can attend this workshop?

This workshop is perfect for aspiring developers, career changers, students, and professionals looking to explore or level up their skills in full-stack software engineering.

How can I register for the workshop?

Simply sign up here on Eventbrite. Once registered, you’ll receive confirmation emails from both Eventbrite and Microsoft Teams with your access link.

Is prior coding experience required to participate?

No! Our workshops are beginner-friendly. Basic familiarity with HTML, CSS, or JavaScript can be helpful but is not required.

How long is the workshop?

Each workshop runs approximately 60–120 minutes, including a live Q&A session.

What platform will be used for the live workshop?

Workshops are hosted via Microsoft Teams. The join link will be emailed after registration.

Can participants ask questions during the workshop?

Absolutely. We encourage interaction throughout the session—bring your questions!

Are there any prerequisites or software requirements needed to join the workshop?

Just a working computer and a stable internet connection—no downloads or installations needed.

Will there be opportunities for hands-on exercises and real-time projects?

Yes! Every workshop includes live coding and project building that you can add to your portfolio.

Will participants receive any certificates upon completion of the workshop?

Yes. A free verified certificate of completion will be provided. Terms and conditions apply.

Will the workshop sessions be recorded for later viewing?

Yes. A replay link will be emailed after the event to all registered participants.

Can I join from outside the U.S.?

Yes, our workshops are open to learners worldwide.

Is the workshop really free?

Yes, 100% free. It’s part of our mission to make high-quality tech education accessible to all.

Can I attend more than one workshop?

Definitely! Each workshop covers different topics, and you’re welcome to attend as many as you’d like.

Will I get access to the code or materials used in the workshop?

Yes. You’ll receive a link to the GitHub repo and any relevant slides or resources after the session.

What does the certificate include?

Your name, the workshop title, completion date, and a verification link—great for resumes and LinkedIn.

Is this workshop suitable for career changers or non-CS degree holders?

Yes! Hoetzin workshops are designed to support learners from all backgrounds, including those with no prior tech experience.

Can I speak with someone after the workshop about next steps?

Yes. Our Program Advisors are available after the session to help you explore next steps, including bootcamps and scholarships.

Organized by

FreeJul 27 · 6:00 PM PDT