Beginner Web Dev Project Tutorial – Weather App with Next.js, Tailwind CSS, and TypeScript
via freeCodeCamp
Overview
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