Score News is a dynamic web application built with React.js and styled using Tailwind CSS. It offers users real-time sports news articles and live scores for a variety of sports. The platform provides a personalized dashboard where users can select their favorite sports or teams to receive tailored updates. Whether you're a passionate sports enthusiast or a casual follower, Score News keeps you informed and engaged with the latest updates in the sports world.
Live Link: https://scorenews.netlify.app/
The Sports News and Scores Dashboard is a web application that provides users with up-to-date sports news articles and live scores for various sports. It allows users to stay informed about their favorite sports, read news articles, and track live match scores, all in one place. Additionally, users can personalize their dashboard by selecting their favorite 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.
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 favorite sports or teams.
-
Casual User: This persona represents users who have 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.
To get a local copy up and running, follow these simple steps:
- Clone the repository
- Install dependencies using
npm install - Start the development server with
npm run dev
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent