r0y15 / weathernow

A Weather Forecasting website that tells you precisely about weather

WeatherNow

A Weather Forecasting website that tells you precisely about weather conditions of any city in the world. It also has a feature to tell you the weather conditions of your current location. It is made using HTML, CSS, JavaScript and OpenWeatherMap API.

You can visit the site here -> https://r0y15.github.io/WeatherNow/

Please read all the instructions carefully before contributing to the project.

How to contribute

1. Fork this repository to your GitHub account
2. Clone the repository to your local machine

$git clone ~your clone link~ 

3. Create a branch with your name

$git checkout -b ~your name~

4. Make necessary changes and commit those changes

$git add .
$git commit -m "your message"

5. Push changes to GitHub

$git push origin ~your branch name~

6. Submit your changes for review, if you go to your repository on GitHub, you'll see a Compare & pull request button. Click on that button.
7. Now submit the pull request.

It's that easy, isn't it? We are waiting for your pull request...

How to get Conclude

Make sure you add your Namecard in the contributors.html file in the given format that you can find on the file itself

Don't you feel happy and enlightened while contributing to this project. Give it a star then, it'll make us even more happier... Happy hacking :)

weathernow's Issues

Adding a bundler

@R0Y15 Maybe this project should be "modular"? What I mean by that is that most web applications hosted on the web use builders like webpack | gulp | parsel etc. I could add a webpack and add a development server (instead of the same vscode extension).

Note: This is not necessary.

Adding styles to the graph

Changing the graph style either changing the stock color or changing the look/appearance of the graph

Enchancement of the Search result

The goal is to make the search result appear inside a card

for reference:

or

Addition of weather icons that suite the weather condition of the searched location

Proper folder structure for CSS and JS files

I think we can organize the CSS and JS files into proper folders so that the project looks more clean

Enhanced nav bar using bootstrap

I want to improve the navbar of the website using bootstrap.
Please assign me this issue.

Responsiveness of the website

Hey.. i want to make the website more responsive especially in mobile or tablet devices
CAn u assign me with this task?

Addition of Future Weather predictions tab/cards

UI Improvements in the site

Please mention Your thoughts and ideas for contribution

API Key Security

Be cautious about exposing API keys in client-side code. It's generally a good practice to keep API keys on the server-side to avoid exposing them in your client-side JavaScript.

PlaceHolder Not working with "Enter" key

Add a loader that is shown before the page is completely loaded.

Addition of a separate contributors page

Expected is a fresh page with a container centered to the page and the contributors profile pictures filled inside.

Including a line-graph that gives the hourly forecast of the given input city.

refer this picture

Adding a background to the site

expected is adding a soothing background. here are some optional requirements:

• cursor responsive background
• background image that changes every time a new city a searched and some image related to the city is displayed
• gradient background that keeps changing

note: these are just suggestions and this repo is open for contributors to add their creativity

Addition of past weather history tab/card/section