https://github.com/yashkathe/weather-webapp

Powered by open weather API. API key has been disabled. Made with reactJS.
https://github.com/yashkathe/weather-webapp

css3 framer-motion javascript react-router reactjs redux

Last synced: about 1 month ago
JSON representation

Powered by open weather API. API key has been disabled. Made with reactJS.

• Host: GitHub
• URL: https://github.com/yashkathe/weather-webapp
• Owner: yashkathe
• Created: 2021-12-13T07:50:03.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2022-02-26T18:04:08.000Z (almost 3 years ago)
• Last Synced: 2024-11-06T13:53:08.391Z (3 months ago)
• Topics: css3, framer-motion, javascript, react-router, reactjs, redux
• Language: JavaScript
• Homepage:
• Size: 9.25 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Weather App with React Js

Access current weather data for any location including over 200,000 cities 

Powered by [Open Weather API](https://openweathermap.org/api)

## Libraries Used 

 - [React Redux](https://www.framer.com/motion/)

 - [Framer Motion](https://react-redux.js.org/)

  - [React Router v5](https://reactrouter.com/)

## Screenshots

- Default Page

![ Home Page ](https://raw.githubusercontent.com/yashkathe/Weather-app-with-reactJs/master/src/Assets/Screenshots/Search.gif "Search")

- Optimised for mobile 

![ Phone View ](https://raw.githubusercontent.com/yashkathe/Weather-app-with-reactJs/master/src/Assets/Screenshots/mobileView.gif "Mobile View")

## Running this app on your machine

### Available Scripts

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.\

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.\

You will also see any lint errors in the console.

### `npm test`

Launches the test runner in the interactive watch mode.\

See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).

## Feedback

If you have any feedback, please reach out to me at [email protected]