Weather_Report_ReactJS

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

Weather_Report_ReactJS

★ 8 Open GitHub ↗

weather app with react js and open weather api

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![Open Source Love](https://badges.frapsoft.com/os/v1/open-source.svg?v=102)](https://snip-share.herokuapp.com/)&nbsp;

<h1 align="center">Weather_Report_ReactJS</h1>

## Introduction
* In this repo, I am creating simple Weather app with React.
* It will asks you to enter City it will show you weather report for that city.

## Technology Stack
* Backend
  * open weather api
* Frontend
  * React
  
## Tech Stack Involved
 <img src="https://rawgit.com/gorangajic/react-icons/master/react-icons.svg" width="120" alt="React Icons">
<div/>

## 🚀&nbsp; Setup Instructions
First make sure that you have the following installed.
 * Node.js
Now do the following to setup project.

First, clone the repository to your local machine:

```bash
git clone  https://github.com/samir321-pixel/Weather_Report_ReactJS.git
```

# Get Node.js from here
```bash
https://nodejs.org/en/
```

# React Setup:
* Open CMD in src folder
* Hit the following commands
```bash
npm install
```
```bash
npm start
```
The project will be available at **http://localhost:3000/*.

## 🌏 Browser Support

| <img src="https://user-images.githubusercontent.com/1215767/34348387-a2e64588-ea4d-11e7-8267-a43365103afe.png" alt="Chrome" width="16px" height="16px" /> Chrome | <img src="https://user-images.githubusercontent.com/1215767/34348590-250b3ca2-ea4f-11e7-9efb-da953359321f.png" alt="IE" width="16px" height="16px" /> Internet Explorer | <img src="https://user-images.githubusercontent.com/1215767/34348380-93e77ae8-ea4d-11e7-8696-9a989ddbbbf5.png" alt="Edge" width="16px" height="16px" /> Edge | <img src="https://user-images.githubusercontent.com/1215767/34348394-a981f892-ea4d-11e7-9156-d128d58386b9.png" alt="Safari" width="16px" height="16px" /> Safari | <img src="https://user-images.githubusercontent.com/1215767/34348383-9e7ed492-ea4d-11e7-910c-03b39d52f496.png" alt="Firefox" width="16px" height="16px" /> Firefox |
| :---------: | :---------: | :---------: | :---------: | :---------: |
| Yes | 10+ | Yes | Yes | Yes |

## Project Admin
[![Maintenance](https://img.shields.io/maintenance/yes/2020?color=green&logo=github)](https://github.com/samir321-pixel)

> **_Need help?_** 
> **_Feel free to contact me @ [saitwalsamir@gmail.com](mailto:saitwalsamir@gmail.com?Subject=Library_Project)_**

## Like This?? Star ⭐ this Repo.

> Made By Samir Saitwal with ❤️

> Samir Saitwal &copy; 2021
<br><br>
[![ForTheBadge built-with-love](http://ForTheBadge.com/images/badges/built-with-love.svg)](https://github.com/samir321-pixel)
[![ForTheBadge built-by-developers](http://ForTheBadge.com/images/badges/built-by-developers.svg)](https://github.com/samir321-pixel)

***
## Useful Resources
- [Open Weather API](https://openweathermap.org/api)
- [Git and GitHub](https://www.digitalocean.com/community/tutorials/how-to-use-git-a-reference-guide)
- [Getting Started – React](https://reactjs.org/docs/getting-started.html)

Weather_Report_ReactJS

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README