Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

DINESHTM07/WEATHER-API-BASIC

Open more actions menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

WEATHER-API-BASIC

☁️ A real-time weather application powered by API ☁️

Built by DINESH S | LinkedIn | Instagram


📖 About

WEATHER-API-BASIC is a modern weather application that fetches and displays real-time weather data using a weather API. Get instant access to current temperature, weather conditions, humidity, wind speed, and forecasts for any location worldwide. The application features a clean, intuitive interface with dynamic weather icons and responsive design.

Perfect for learning API integration, asynchronous JavaScript, and building practical web applications.


🛠 Tech Stack

  • HTML5 - Semantic structure and layout
  • CSS3 - Modern styling and responsive design
  • JavaScript (ES6+) - API calls, DOM manipulation, async/await
  • Weather API - Real-time weather data source

🔗 Project Links


🎯 Features

  • ☁️ Real-time weather data from API
  • 🌡️ Current temperature and conditions display
  • 📍 Location-based weather search
  • 💨 Wind speed and humidity information
  • 🌈 Dynamic weather icons based on conditions
  • 📱 Fully responsive mobile-friendly design
  • ⚡ Fast and efficient API integration

🚀 Getting Started

  1. Clone this repository:

    git clone https://github.com/DINESHTM07/WEATHER-API-BASIC.git
  2. Get your free API key from a weather API provider (OpenWeatherMap, WeatherAPI, etc.)

  3. Add your API key to the JavaScript file:

    const API_KEY = 'your_api_key_here';
  4. Open index.html in your browser

  5. Search for any city to see the weather!


📸 Preview

(Add screenshots of your weather app here)


💡 Key Learnings

  • Making asynchronous API calls with fetch() and async/await
  • Handling API responses and error management
  • Parsing and displaying JSON data dynamically
  • Working with external APIs and API keys
  • Creating responsive and user-friendly interfaces
  • Implementing search functionality

💻 API Reference

This project uses a weather API to fetch real-time data. Make sure to:

  • Register for a free API key
  • Read the API documentation for request/response format
  • Handle API rate limits appropriately

📄 License

This project is open source and available under the MIT License.


🙏 Acknowledgments

Created with ☁️ by DINESH S

Feel free to ⭐ this repository if you found it helpful!


📬 Connect With Me


HTML5 CSS3 JavaScript

About

A weather application built with HTML, CSS, and JavaScript using a weather API. Displays real-time weather information including temperature, conditions, and forecasts for any location worldwide.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Morty Proxy This is a proxified and sanitized view of the page, visit original site.