Build A FullStack Weather Application - React, Next.js, Tailwind CSS (2024)

New Socials

More videos here....

Full Stack Development with React and Node js - Expense Tracker Application.

Timestamps
00:00 - Inroduction
00:04:24 - Wireframing
00:18:41 - Initial Setup and Header
01:08:29 - Current Tempreture and Time Component
01:50:13 - Air Pollution, Sunset and Compass Components
02:41:55 - Hourly Forecast Component
03:07:29 - UV Index and Population Components
03:50:41 - Mapbox, Vsibility, Humidity, Feels Like Five Day Forecast
05:10:13 - Search Functionality and Cleanups
05:58:32 - A bit of Mobile Styles

#thecodedealer #webdevelopment #nextjs

Download the extenstions below for VS Code, they might come in handy for future videos that are coming soon.
VS CODE EXTENSTIONS: 1) Atom One Dark Theme
2) Indent Rainbow
3) JS JSX Snippets
4) Live Sass Compiler
5) Mithril Emmet
6) Styled-Components-Snippets
7) VsCode Icons
8) Live Server
9) JavaScript (ES6) Code Snippets
10) ES7 React/Redux/GraphQL/React-Native Snippets
11) SASS
12) Vs-Code-Styled-Componets
13) HTML CSS Support
14) Javascript and Typescript Nightly
15) IntelliSense for CSS class names in HTML
16) Python
17) Console Ninja

[barafranca]

Wow.. Fascinating. I can't wait to do the same. Thank you for your valuable information sir

[fmjmnqs]

Hi man great introductory projects for beginners. Overall great experience other than some type errors that might be specific to my case while using the CommandInput in shadcn . Great work keep it coming the learner way

[manuQAE]

Really amazing project! Thanks for sharing man!

[uminhtetoo]

Thank you so much for sharing your experience and knowledge, Sir.

[xmhzzno]

could you please make a tutorial on Zustand ?

[om]

Amazing work!!, Can you make a video to deploy it??

[harshitgautam]

I am not able to install next js. Everytime I do that it says a dynamic link library initialisation routine failed

[dquangvn]

What extension are you using? I don't have the color indicators and others code snips like you.

[loverphp]

amazing work from professional thanks for your effort ❤❤❤

[dquangvn]

I can not fetch open meteo uvIdex. It always return error code 500. What is wrong? I check the api not down.
NOTE that: when i tried using python, it worked like a charm.

[sivajirao]

if I do it with jsx then how much I need to customize 🙄🙄🙄🙄🙄🙄🙄🙄

[sridharsuresh]

How to deploy this as i see few errors regards search prams and window obj

[electrolyteN]

1:16:49 Im getting 404 while fetching the data, what should I do?

[prajwalwalde]

When I try to fetch url using openweatherapi it is showing me a wrong API key error. How to solve this problem.