Giter Site home page Giter Site logo

deepti7042 / weatherapplication Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 329 KB

This weather app fetches global city forecasts via APIs, offering real-time updates and detailed reports. Its user-friendly interface allows for quick searches and easy access to weather trends and data.

HTML 21.20% CSS 19.45% JavaScript 59.35%
javascript reactjs ui-components ui-design weatherapplication

weatherapplication's Introduction

This project, developed by Deepti Tuteja, is a React.js application designed to fetch and display weather information for any city using the OpenWeatherMap API. It showcases React's state management and API integration capabilities, providing users with real-time weather updates.

Features Search Functionality: Users can search for any city to get the current weather information. Real-time Data: Fetches real-time weather data from the OpenWeatherMap API. Responsive Design: The app features a simple, user-friendly interface that is responsive to different screen sizes. Getting Started To run this project locally, follow these steps:

Prerequisites Ensure you have the following installed:

Node.js npm (Node Package Manager) Installation Clone the repository to your local machine.

bash Copy code git clone https://github.com/Deepti7042/weatherapplication.git

Navigate to the project directory.

bash Copy code cd weather-app Install the necessary packages.

Copy code npm install To start the application, run:

sql Copy code npm start This will run the app in development mode. Open http://localhost:3000 to view it in your browser.

Usage Search City: In the search bar, type the name of the city you wish to check the weather for and press Enter. View Weather Data: Upon searching, the app displays the city name, country, current date, temperature, weather description, and wind speed. Built With React.js - The web framework used. Axios - Promise-based HTTP client for making API calls. OpenWeatherMap API - Source of the weather data. Contributing We welcome contributions! Please feel free to fork the repository, make changes, and submit pull requests.

License This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments Thanks to the OpenWeatherMap API for providing weather data. React.js community for the incredible ecosystem. Contact Deepti Tuteja - [email protected]

Project Link: https://github.com/Deepti7042/weatherapplication

weatherapplication's People

Contributors

deepti7042 avatar

Watchers

 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.