Skip to content

jontypatel1107/Weather-API

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 

Repository files navigation

Weather API

HTML CSS JavaScript Deploy on Render

A simple weather application built with HTML, CSS, and JavaScript. It lets users search for a city and view current weather details like temperature, humidity, and wind speed.

Live Demo

Add your deployed Render URL here:

https://your-project-name.onrender.com

Screenshot

Add a screenshot image in this folder and reference it like this:

![Weather App Screenshot](./screenshot.png)

Features

  • Search weather by city name
  • Current temperature display
  • Humidity and wind speed
  • Clean responsive UI
  • Weather icons and error handling

Tech Stack

  • HTML
  • CSS
  • JavaScript
  • Weather API

Project Structure

Weather-API/
|-- index.html
|-- README.md

Run Locally

  1. Open the Weather-API folder in VS Code or any editor.
  2. Open index.html in your browser.
  3. Search for a city name to see the weather result.

Deploy on Render

  1. Push this project to GitHub.
  2. Go to Render and create a new Static Site.
  3. Connect your GitHub repository.
  4. Leave Build Command empty.
  5. Set Publish Directory to:
Weather-API
  1. Click Create Static Site.
  2. After deployment finishes, open the Render URL.

Notes

  • index.html is the main entry file.
  • If you rename the file, make sure the deploy setup still points to the correct entry page.
  • Keep your API key secure if you plan to publish this publicly.

About

A simple weather application built with HTML, CSS, and JavaScript. It lets users search for a city and view current weather details like temperature, humidity, and wind speed.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages