weather-app Tailwind Templates

Weather App

A stylish weather app built with Tailwind CSS and JavaScript, designed to showcase my Tailwind skills while introducing simple JavaScript. The app fetches real-time weather data, displaying the current temperature, time, and location in a user-friendly interface which adapts to different screen sizes.

Weather App

A stylish weather app built with Tailwind CSS and JavaScript, designed to showcase my Tailwind skills while introducing simple JavaScript. The app fetches real-time weather data, displaying the current temperature, time, and location in a user-friendly interface that adapts to different screen sizes.

✨ Features

  • Real-time Weather Data: Fetches and displays current weather, temperature, time, and location.
  • Responsive Design: Adapts seamlessly to different screen sizes, ensuring a great user experience across devices.
  • Tailwind CSS: Leverages Tailwind for clean, modern styling.
  • JavaScript: Incorporates simple JavaScript for dynamic content.

🛠️ Technologies Used

  • HTML5
  • Tailwind CSS
  • JavaScript
  • OpenWeatherMap API

⚙️ Installation

Please refer to the deployment URL in the description

🚀 Usage

  • The app fetches real-time weather data based on the user's location or a specified location.
  • It displays the temperature, time, and location, all in a responsive layout.

Screenshots

  • Homepage Searching


  • Results Page


🤝 Contributing

If you have suggestions or would like to contribute to the project, feel free to fork the repository and submit a pull request.

📄 License

This project is licensesd under the MIT License. See the LICENSE file for details.

🙏 Acknowledgements

  • Traversy Media for the incredible Tailwind CSS crash courses and project-based videos on Youtube.

Top categories

Loading Svelte Themes