YoVDO

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

Offered By: freeCodeCamp

Tags

Next.js Courses Web Development Courses React Courses Typescript Courses Responsive Design Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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

Related Courses

Build a Full Stack Twitter clone with Next.js
Coursera Project Network via Coursera Next JS with React Hooks - Building SSR React Applications
Udemy End to End React with Prisma 2
Udemy Build a Server Rendered Website with Next.js
Coursera Project Network via Coursera Next.js 14 & React - The Complete Guide
Udemy