uxderrick / weather-app

Weather App

Overview

The Weather App is a simple web application that allows users to check the weather conditions for a specific city or location. It fetches weather data from the OpenWeatherMap API and displays it in a user-friendly format.

Features

• City Search: Users can enter the name of a city or location to retrieve weather information.
• Debouncer: API requests are debounced to improve the user experience and reduce unnecessary requests.
• Weather Display: The app displays temperature, weather conditions, and other relevant data.
• Responsive Design: The interface is designed to work well on both desktop and mobile devices.

Getting Started

To run this project locally, follow these steps:

1. Clone this repository to your local machine.
2. Install any necessary dependencies using npm install or yarn install.
3. Start the development server with npm start or yarn start.
4. Open your web browser and navigate to http://localhost:3000 to access the app.

Dependencies

This project relies on the following dependencies:

• React: Link
• OpenWeatherMap API: Link

License

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

Acknowledgments

• Special thanks to OpenWeatherMap for providing the weather data API.
• This project was created for educational purposes and as a practical exercise in web development.

Feel free to contribute, report issues, or suggest enhancements. Happy coding!

weather-app's Issues

Implement City Search Cache

Enhance user experience by implementing a city search cache to reduce the frustration of repetitive typing.

Task: Store and suggest previously searched cities when the app is reopened.

Improve City Suggestion for Spelling Mistakes

Enhance the app's city search functionality to handle spelling mistakes gracefully.

Task: When users make spelling errors (e.g., "Accr" instead of "Accra"), suggest cities with similar spellings.

Trim location value

Whenever a user types a city with space at the end, remove the space automatically and search for only the string

Implement City Suggestions from a Known List

Improve the city suggestion feature by using a predefined list of known cities.

Task: Utilize an endpoint to fetch a list of known cities and provide suggestions based on this list during user input.

Improve App Layout for Simplicity

Ensure that the app's interface is user-friendly and intuitive, especially for people who prefer a straightforward experience.

Task: Adjust the layout to fit all content on a single screen without the need for scrolling.