What is the SportsHub? The Sports News and Scores Dashboard is a web application providing users with up-to-date sports news articles and live scores. It allows users to stay informed about their favourite sports, read news articles, and track live match scores, all in one place. Additionally, users can personalize their dashboard by selecting their favourite sports or teams to receive tailored news and score updates.

This unified proposal combines the ability to browse sports news and scores with the option to personalize the dashboard through account creation and customization of preferences. Users can filter news articles, search for specific articles, and view live scores, all while having the ability to personalize their dashboard according to their preferences

Personas: To better understand the target users and their needs, let's consider two personas for the Sports News and Scores Dashboard:

Sports Enthusiast: This persona represents users who are passionate about sports and want to stay updated with the latest news and scores across various sports. They enjoy reading news articles and following live matches of their favourite sports or teams.

Casual User: This persona represents users with a general interest in sports, but may not be as dedicated as sports enthusiasts. They want to access sports news and scores occasionally and may have specific sports or teams they are interested in.

Each of these personas will have different requirements and expectations from the Sports News and Scores Dashboard, and we need to cater to both to create a user-friendly and engaging application.

High-level features There are four high-level features that you'll need to implement:

Browse Sports News: Users should be able to view a list of sports news articles. Each news article should display the title, summary, and thumbnail image. Users should be able to click on a news article to read the full content.

Filter News Articles: Users should have the ability to filter news articles by sport. The filtered news articles should dynamically update without a page reload. View Live Scores and Match Details Users should be able to see a list of ongoing matches and their respective scores. Each match should display the team's playing, the current score, and other relevant match details. Users should have the option to manually refresh the scores.

Personalize Dashboard: Users should be able to create an account and sign in to the dashboard. Signed-in users should have the ability to customize their dashboard preferences. Preferences may include selecting favourite sports or teams to receive tailored news and score updates.

User interface requirements: Because of the importance of a good user interface in this capstone assignment, we're going to impose additional requirements that focus on user experience. We'll go through each of the components and describe the requirements in that space.

Landing Screen:

The navigation bar should include the application name and provide options for user sign-in and sign-up. The landing screen should have a section for live scores, displaying the last five latest scores available in the application. The trending news section should include tabs for each sport, allowing users to view news articles specific to each sport. The trending articles view should showcase the most popular or trending articles across all sports.

Filter Layout: The filter layout should enable users to select a sport and choose a team within that sport. The selected filters should be used to display news articles relevant to the chosen sport and team.

Sign-in and Sign-up Pages: The sign-in and sign-up pages should be accessible from the navigation bar icon on the landing page. Users should be able to register and create an account if they are new to the application. Existing users should be able to sign in to their accounts.

Detailed News Article View: Clicking on the Read More icon or text on a news article should open a pop-up or modal dialogue. The pop-up should display a detailed view of the news article, including an image and relevant content.

Preferences Screen: The preferences screen should be accessible from the landing page as a pop-up or modal dialogue. Users should have the ability to select the sports they want to receive news articles from. Users should be able to choose specific teams they are interested in and want to read articles about.

Filtering Based on User Preferences: When a user is logged in, the application should filter news articles based on their selected preferences. Only articles related to the chosen sports and teams should be displayed to the user.