Weather-App-React-and-TailwindCSS Tailwind Templates

Weather App React And Tailwindcss

A simple weather app built with React, Fetch API, and TailwindCSS. The app allows users to check the current weather conditions for any location and displays additional information like the high and low temperatures for the day, wind speed, and humidity.

Weather-App-React-and-TailwindCSS

Project made for learning purposes using React, Fetch API and TailwindCSS. What I was able to learn here was:

🛠️ Using fetch API with React

🛠️ Conditional rendering with React

🛠️ Using SetTimeOut for timing the fetch request

🛠️ Learned more about UI design (Gradients)

🛠️ Learned how to use Headless UI for handling conditional rendering animation

🛠️ Learned more about styling with React

What I could've done better here is:

✔️ Better conditional rendering using the ternary operator

✔️ Isolating components in a better way

Feel free to check the project in here! https://weather-app-tailwind-react.netlify.app

Top categories

Loading Svelte Themes