Hello guys, Welcome to Africa's Largest Video Search Engine, and you are watching Build A FullStack Weather Application - React, Next.js, Tailwind CSS (2024). and this video is uploaded by The Code Dealer at 2024-02-21T03:30:07-08:00. We are just promoting this video only for entertainment and educational purpose only. I hop you like our Video Search Engine. [rscl9VwwnQg]
| Name | Build A FullStack Weather Application - React, Next.js, Tailwind CSS (2024) |
| Video Uploader | Video From The Code Dealer |
| Upload Date | This Video Uploaded At 21-02-2024 11:30:07 |
| Video Discription | In this video we will be building a fullstack weather application using some of the coolest tech out there: Next.js, React, Tailwind CSS, and OpenWeatherMap API. I got the inspiration here: https://github.com/DariusLukasukas/nextjs-weather-app Join the newsletter for free and get the latest updates: https://thecodedealer.com/newsletter Website: https://www.thecodedealer.com New Socials Instagram: https://www.instagram.com/thecodedealer_ Facebook https://www.facebook.com/thecodedealer Discord: https://discord.gg/xDHfU5P Source Code: https://github.com/Maclinz/weather-app More videos here.... Portfolio Website Tutorial HTML, CSS, JavaScript: https://www.youtube.com/watch?v=W-5jkFPtLcc&t=2252s React and Next JS Project Full Application: https://www.youtube.com/watch?v=H3YtJkPv89E&t=7879s Full Stack Development with React and Node js - Expense Tracker Application. https://youtu.be/i0JesTevAcA Build a Code To Image Application: React and Next.js: https://youtu.be/Hh9ojkZnpnE?si=PefvTqEzuyk23Kel 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 [rscl9VwwnQg] |
| Category | Science & Technology |
| Tags | react.js | next.js | thecodedealer | the code dealer | thecodedealer.com | react tutorial | next.js tutorial | react tutorial for beginners | next.js tutorial for begginers | javascript mastery | web development | fullstack web development | react and next.js tutorial | weather app tutorial |
