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

Introduction to ReactJS
Microsoft via edX Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax React
Udacity