Giter Site home page Giter Site logo

weather-application's Introduction

Title

Weather application using the Open Weather API

Objective

The application should be user-friendly, visually appealing, and functional, providing users with current weather information based on their input. 

Tech Stack

Used ReactJS, CSS, HTML

Completion Instructions

Functionality

Must Have

1. User Interface
  * Design the UI as per your choice, ensuring it is aesthetically pleasing and intuitive.
  * Display the following information:
      Current location
      Temperature
      Date and time
  * Provide an input field for users to enter a valid location (city name or zip code).
  * Include a button or search functionality to fetch and display weather information for the entered location.
2. API Integration
  * Use the Open Weather API to fetch weather data.
  * Handle API responses and errors gracefully, providing feedback to the user in case of invalid input or connection issues.

Guidelines to develop a project

Must Have

* Create a new public repository on GitHub for the assignment.
* Commit your code regularly and include clear commit messages.
* Include a README file explaining the project setup, usage instructions, and any additional information.
* Ensure the repository is well-organized and easy to navigate.

Submission Instructions

Must Have

Functionality, Code Quality, User Interface, Error Handling

Resources

APIs

API URL - https://openweathermap.org/api

Third-party packages

React Icons

weather-application's People

Contributors

thenethi 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.