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

Published: 29 January 2024
on channel: freeCodeCamp.org

78,406

2.1k

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....
Code Repo: https://github.com/whoisseth/weather-...

⭐️ 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

❤️ Support for this channel comes from our friends at Scrimba – the coding platform that's reinvented interactive learning: https://scrimba.com/freecodecamp

Watch video Beginner Web Dev Project Tutorial – Weather App with Next.js, Tailwind CSS, and TypeScript online, duration hours minute second in high quality that is uploaded to the channel freeCodeCamp.org 29 January 2024. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 78,406 times and liked it 2.1 thousand visitors.

353,389

9.5K