Beginner Web Dev Project Tutorial – Weather App with Next.js, Tailwind CSS, and TypeScript
via freeCodeCamp
AI Engineer - Learn how to integrate AI into software applications
Live Online Classes in Design, Coding & AI — Small Classes, Free Retakes
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Build a responsive Weather App from scratch using Next.js, Tailwind CSS, and TypeScript in this comprehensive tutorial. Develop essential React components, including a navbar, current day section, additional details component, and a 7-day forecast. Learn to integrate API data, configure data types, and implement search and current location functionality. Follow along to create a dynamic web application, gaining hands-on experience with modern web development technologies and practices.
Syllabus
⌨️ Introduction
⌨️ Navbar Component
⌨️ API and Data Types Configurations
⌨️ Current Day Section Components
⌨️ Additional Details Component
⌨️ 7 Days Forecast Data Section
⌨️ Search and Current Location Logic
Taught by
freeCodeCamp.org