Build Weather App in React JS | Tutorial with Geolocation, Hooks, API Calls, CSS Modules

#reactjs Learn how to make a Weather Application in React Project with Vite. Fetch API, CSS Modules, JSX, Date object, Navigator.Geolocation JS object, Functional Components, and hooks `useState`/`useEffect` are used in the project

Link to the source code: https://github.com/DzmitryUr/react-ap...

⌚️Timestamps:
0:16 Design of the Weather Project
1:30 Creating a new React Project using Vite
3:29 Creating Weather Functional Component
5:46 Hook 'useEffect' for asynchronous requests
6:37 Retrieving Coordinates with navigator.geolocation.getCurrentPosition()
10:41 Environment Variables in Vite React Project, .env file
12:50 Creating constants for URLs
14:38 Fetching data from OpenWeather with Fetch API, Async/Await
17:51 React hook 'useState' for component's data
20:41 Conditional Rendering in JSX to provide error message
24:15 Conditional Rendering and JSX headers for weather data
25:58 Current date and time in local format. Working with Date in JavaScript
29:09 JSX for Temperature row
33:55 JSX row Wind/Humidity/Pressure Details
35:40 CSS for the Weather Component using CSS Modules
38:52 Final testing of the Weather App

#reactjsforbeginners #reactjstutorialforbeginners #fetchdata #fetchapi #asynchronousprogramming #js #javascriptprojects #frontend #webdevelopment #javascriptbeginner #html #css #html5 #css3 #javascriptcode #javascriptcoding #weatherapp #geolocation