Project Requirements: 7-Day Weather Forecast Website

Objective:

Create a 7-day weather forecast website using the National Weather Service (weather.gov) API. The project will involve fetching weather data, displaying the forecast for a specified location, and enhancing the user interface using HTML, CSS (Bootstrap), and JavaScript.

Project Overview:

The website will provide users with a 7-day weather forecast based on their input location.
Data will be fetched from the weather.gov API, parsed, and displayed dynamically on the page.
The site will include basic error handling and a responsive design suitable for various devices.

Key Features:

Display Forecast Data:
- Show the 7-day weather forecast, including the day of the week, temperature (high and low), weather conditions (e.g., sunny, cloudy, rainy), and an icon representing the weather.
Data Fetching:
- Use the weather.gov API to retrieve forecast data for the entered location.
- Handle API requests and parse the JSON data to extract relevant weather information.
Responsive Design:
- Use Bootstrap to ensure the website is responsive and looks good on desktops, tablets, and mobile devices.
Error Handling:
- Manage common errors, such as invalid location input, API errors, or network failures, and display appropriate error messages to the user.

Technical Requirements:

Technologies:
- Frontend: HTML, CSS (Bootstrap), and JavaScript.
- API: Use the weather.gov API to get weather forecast data.
Weather.gov API:
- Obtain access to the weather.gov API by reading their documentation for endpoints and response structures.
- The primary endpoint will be used to fetch the forecast based on the latitude and longitude of the user's location.
Functionality:
- Fetch the 7-day weather forecast data using the Fetch API.
- Parse and display the data, including dates, temperatures, weather descriptions, and icons.
- Add a search bar or button to allow users to input or select their location.
- Display the current date and the name of the selected location.
User Interface:
- Include a clear and attractive UI with weather icons, temperatures, and descriptions aligned in a user-friendly layout.
- The forecast should be displayed in a card format, with each card representing a day's weather.
Bonus Features (Optional):
- Add current weather conditions along with the 7-day forecast.
- Allow users to toggle between Celsius and Fahrenheit.

Weather API Project