Giter Site home page Giter Site logo

bikramnarayan / hazzweather Goto Github PK

View Code? Open in Web Editor NEW

This project forked from hridoyhazard/hazzweather

0.0 0.0 0.0 2.4 MB

A Cool Weather App Made Using ReactJs

Home Page: https://effulgent-brioche-795ac4.netlify.app/

License: MIT License

JavaScript 66.11% CSS 31.69% HTML 2.20%

hazzweather's Introduction

The Only Weather App You Need !

image

About

Weather Application created using ReactJS and APIs provided by OpenAPI.org.

Features

  • Type the name of city whose weather has to be known OR allow location access(to check weather of present location).
  • Sound customised to selected city's weather played in the background.
  • Displays the present weather conditions (Temperature, Humidity, Cloud Cover) along with forecasts for the future.
  • Animation According To Weather Condition.

Setup Guide

  • Make a .env file.
  • Make an account on OpenWeather.org
  • Click on your avatar/username in navbar.
  • Click on My API Keys.
  • Generate a key if there is none.
  • Copy the Key and paste in .env file.
  • Install the node modules with npm i.
  • Run the application using npm start.

REPO STATUS

GitHub PR Open GitHub PR closed GitHub language count

How to contribute:

  • Drop a ⭐ on the Github repository (optional)

  • Before Contribute Please read CONTRIBUTING.md and CODE_OF_CONDUCT.md

  • Create an issue of the project or a feature you would like to add in the project and get the task assigned to you.(Issue can be any bug fixes or any feature you want to add in this project).

  • Fork the repo to your Github.

  • Clone the Repo by going to your local Git Client in a particular local folder in your local machine by using this command with your forked repository link in place of below given link:
    git clone https://github.com/HridoyHazard/HazzWeather

  • Create a branch using below command. git branch <your branch name>

  • Checkout to your branch. git checkout <your branch name>

  • Add your code in your local machine folder. git add .

  • Commit your changes. git commit -m"<add your message here>"

  • Push your changes. git push --set-upstream origin <your branch name>

  • Make a pull request! (compare your branch with the owner main branch)

Contributors


Thanks to these amazing people


Show some ❤️ by starring this awesome repository!

hazzweather's People

Contributors

hridoyhazard avatar swap-nova avatar kasuba97 avatar kklob avatar oriapp avatar valchanoficial avatar vatsalsinghkv avatar roastedbrotato avatar irapandey avatar ashikjhonson avatar darkfalc0n avatar anburocky3 avatar rohit-saini1 avatar aniloli42 avatar vedant-manjrekar avatar sowham-3098 avatar markkarrica avatar loensh avatar minicb0 avatar bikramnarayan avatar 41646f6c666f avatar pratik12350 avatar motasimmakki avatar johnoris avatar wangata avatar fly-style avatar nirvanaphx avatar naveen-karanamu avatar olumarshal avatar makoteq avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.