Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

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

Reviews

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

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.