Learn How to Build a Scalable Weather App Using Weather API Integration | Code with Harry

Channel:
United States Akamai Developer
Subscribers:
1,040,000
Published on ● Video Link: https://www.youtube.com/watch?v=guKjhJX5wPo


Category:
Tutorial
Duration: 1:00:24
20,761 views
763

In this video, @CodeWithHarry shows how to create a Global Weather App using HMTL, CSS, JavaScript, and a free Weather API integration.

Chapters:
0:00 Introduction
0:30 Create a new Next.js App
2:15 Find a weather API
4:45 Install Tailwind CSS
5:45 Star dev server with Yarn
7:00 Create a new component
8:20 Create navbar.js
15:00 Create index.js
22:40 Create weather.js
46:00 Fix errors in footer.js
47:00 Fix errors in weather.js
48:05 Finish weather.js Query Setup
59:30 Conclusion

New to Linode? Get started here with a $100 credit → https://www.linode.com/linodetube
Learn more about using APIs → https://www.youtube.com/watch?v=ArIyMXeHwi0
Check out weather API → https://www.weatherapi.com/
Subscribe to get notified of new episodes as they come out → https://www.youtube.com/linode?sub_confirmation=1

#nextjs #weatherAPI #html
Product: Linode, Weather App, Next JS, API; @CodeWithHarry



Other Videos By Akamai Developer


2023-05-01Everything You Need to Know to Get Started With npm | Node Package Manager Explained
2023-04-28How DevOps Engineers Use CI/CD to Build Better Software Faster
2023-04-26exa Replaces the ls Command in Linux | Color Coded File Lister
2023-04-24Build a Blog on Linode Using Tailwind CSS | Bootstrap Alternative
2023-04-21Streamline Small Business Invoicing Using Invoice Ninja | The All-in-One Invoicing Tool
2023-04-19Programming a Text Formatting App | Web Development Tutorial from Code With Harry
2023-04-17How to Add Two Factor Authentication to Secure Your Account
2023-04-14Code With Harry Builds a Dictionary App Using React and Apache | Ubuntu Server App Deployment
2023-04-12Build an App That Can Recognize Your Face | Tech With Tim OpenCV Python App
2023-04-10What Is Big Data and How is it Used? | Explanation and Demo From Code With Tomi
2023-04-07Learn How to Build a Scalable Weather App Using Weather API Integration | Code with Harry
2023-04-05Understanding JSON Web Tokens | JWT Explanation from Tech with Tim
2023-04-03Get Organized with Kanboard | Self-Hosted Project Management App PERFECT for Docker
2023-03-31Websites made EASY with Grav | Flexible, Open Source, Flat-File CMS
2023-03-29Install and Configure GitLab From Scratch on a Linode Server | Easy and Comprehensive Tutorial
2023-03-27Build And Deploy A Full Django API on Linode | Code With Tomi
2023-03-24Incident Response with Fireeye | Final Hackersploit Blue Team Training
2023-03-22Build Your Own Video Streaming Platform | It's Easier Than You Might Think!
2023-03-20The 21 Docker Commands Every Developer Needs to Know
2023-03-17All-In-One Open Source Security Scanner | Docker Image Analysis with Trivy
2023-03-15How to Install and Configure an NFS Linux Server and Client


Tags:
linode
linux
linux server
open source
sysadmin
web development
code with harry
code with harry youtuber
code with harry channel
html
css
javascript
weather app
weather api
free weather api
weather app javascript
javascript weather api
javascript weather app
how to make weather app
weather api tutorial
weather app in javascript
build weather app
free weather api tutorial
open weather api
weather app javascript using api
programming tutorial
dev tutorial