Beginner Web Dev Project Tutorial – Weather App with Next.js, Tailwind CSS, and TypeScript

Channel:

freeCodeCamp.org

Subscribers:

10,900,000

Published on January 29, 2024 4:31:19 PM ● Video Link: https://www.youtube.com/watch?v=KkC_wYM_Co4

Category:

Tutorial

Duration: 2:17:49

45,182 views

1,562

Learn to build a Weather App using Next.js, Tailwind CSS, and TypeScript in this hands-on tutorial! Create a responsive, dynamic app from scratch with React components.

✏️ Course from @reactwithutkarsh

Live Demo: https://weather-app-nextjs-seven-rho.vercel.app/
Code Repo: https://github.com/whoisseth/weather-app-nextjs

⭐️ Chapters ⭐️
⌨️ (0:00:13) Introduction
⌨️ (0:03:45) Navbar Component
⌨️ (0:27:41) API and Data Types Configurations
⌨️ (0:38:59) Current Day Section Components
⌨️ (1:12:45) Additional Details Component
⌨️ (1:30:53) 7 Days Forecast Data Section
⌨️ (1:41:53) Search and Current Location Logic

🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama

--

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

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