00:04 Building a live weather app with React JS 02:28 Setting up the React application using Node.js and npm 07:49 Setting up project structure and creating components 10:29 Creating JSX file and importing components and CSS file. 16:04 Displaying images in React application 18:52 Styling the Weather App with CSS and importing Google Font 23:20 Aligning elements using CSS Flexbox 25:40 Configuring flex layout in React for vertical alignment 30:09 Styling input field and placeholder in React 32:30 Styling input field, weather type, and temperature 37:09 Styling weather data with CSS 39:26 Customizing weather data display and fixing interface issues 44:20 Building a Live Weather App using React JS 46:42 Creating and Managing State in React using useState hook 51:36 Updating state based on input changes 53:56 Updating location using key press event and dynamic temperature display. 59:10 Building a live weather app with React JS using OpenWeatherMap API. 1:01:52 Using useEffect hook to fetch weather data for default location 1:07:05 Setting up weather images and background images based on weather type. 1:10:22 Setting background colors and images based on weather conditions 1:15:41 Defining days of the week and months using arrays and date methods 1:18:46 Creating and formatting the date for display. 1:24:47 Implementing loader GIF to hide broken image during page reload 1:27:48 Customizing loader in CSS for a better look
Doing great Sasha keep it up!
Really good job! please do more thank you😀
00:04 Building a live weather app with React JS
02:28 Setting up the React application using Node.js and npm
07:49 Setting up project structure and creating components
10:29 Creating JSX file and importing components and CSS file.
16:04 Displaying images in React application
18:52 Styling the Weather App with CSS and importing Google Font
23:20 Aligning elements using CSS Flexbox
25:40 Configuring flex layout in React for vertical alignment
30:09 Styling input field and placeholder in React
32:30 Styling input field, weather type, and temperature
37:09 Styling weather data with CSS
39:26 Customizing weather data display and fixing interface issues
44:20 Building a Live Weather App using React JS
46:42 Creating and Managing State in React using useState hook
51:36 Updating state based on input changes
53:56 Updating location using key press event and dynamic temperature display.
59:10 Building a live weather app with React JS using OpenWeatherMap API.
1:01:52 Using useEffect hook to fetch weather data for default location
1:07:05 Setting up weather images and background images based on weather type.
1:10:22 Setting background colors and images based on weather conditions
1:15:41 Defining days of the week and months using arrays and date methods
1:18:46 Creating and formatting the date for display.
1:24:47 Implementing loader GIF to hide broken image during page reload
1:27:48 Customizing loader in CSS for a better look
✌️👍
Good job
I like it
Is the API free?
Yes, it is free