Beginner Web Dev Project Tutorial – Weather App with Next.js, Tailwind CSS, and TypeScript
By freeCodeCamp.org
Published: Jan 29, 2024
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