Project Title

WeatherConnect: Uniting Weather Data and User Experience

A brief description of what this project does and who it's for

Introducing our weather app powered by API Ninjas! With an elegant blend of CSS, HTML, and JavaScript, this app delivers essential weather information for any city worldwide. Discover the maximum and minimum temperature, humidity levels, cloud percentage, as well as sunrise and sunset times. Stay informed and prepared with our user-friendly interface and accurate data. Your go-to companion for instant weather updates.

Acknowledgements

I would like to express my gratitude and acknowledge the contributions of several individuals and organizations in the development of our weather app. Firstly, I extend my heartfelt appreciation to API Ninjas for providing the powerful weather API that forms the backbone of our application, enabling us to access real-time weather data seamlessly.

I would also like to thank the developers of CSS, HTML, and JavaScript for their incredible tools and resources, which allowed me to create an engaging and interactive user interface. Additionally, I am thankful to the global weather community for their continuous efforts in collecting and disseminating accurate weather information.

Lastly, I would like to express my deepest appreciation to my friend who dedicated his time, skills, and expertise to design and build this weather app, ensuring its functionality and usability. His commitment and passion were vital to the successful completion of this project.

API Reference

Wearther by API NINJAS

Get all items

  CLOUD PCT
  MINIMUM TEMPERATURE
  MAXIMUM TEMPERATURE
  HUMIDIY
  WIND SPEED
  SUNRISE
  SUNSET
  

Parameter	Type	Description
api_key	string	9e3796486amsh0d3d98721ecf226p135f3djsnf9a0696e6d56

Authors

Authors of weather API NINJAS

Color Reference

Color	Hex
Background Color	#FFC700
Secondry Color	#e7e7e7
Text Color	#000000
Secondy Text Color	#fff
Tertiary color	#0E2681

Contributing

Contributions are always welcome!

See contributing.md for ways to get started.

Please adhere to this project's code of conduct.

Deployment

To Run This Project In VS code

First of all take all the codes to your local machine (VS code 
preffered)

The second step is to install the extension of "live server"
from the Extension section in VS code. Now we can see 
a little "GO LIVE" button to the right bottom in our VS code
window. 

We have to install another extension of VS code named 
"Rapid API" through which we can fetch the data of the API 
we are using. After installing the extension, now we need 
our API host.

Here I am using an API called "Weather By API Ninjas". First
we need to create an account in the website called "Rapid API".
After creating the account we have to search for "Weather" in 
the Search bar. Now we have to select "Weather By API Ninjas".

Now we just have to get the "API key" and the "API host"
from "Rapid API" website and put these two in our VS code 
extension. Now we are ready to shoot!
 
Now select the "index.html" file from the file section in 
VS code and click on the "Go Live" button OR we can just 
"Right Click" on the window and can click on the "Go Live"
button.

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

9e3796486amsh0d3d98721ecf226p135f3djsnf9a0696e6d56

weather-by-api-ninjas.p.rapidapi.com

FAQ

What API is used to create this APP?

Answer : "Weather by API NINJAS"

Can we check the weather worldwide?

Answer : YES! we can check the Weather of any city worldwide by just entering the name.

Features

• Live previews
• Fullscreen mode
• Cross platform

HnCC_Project