This assignment is to create a leaderboard project example (/assets/Daily View.jpg), which needs to be completed within three days from now. Your task is to design and implement a leaderboard that displays the top 10 scores of players.
Assignment Should be done in ReactJS. Using Typescript will be a bonus addon
For icons react-icons library should be used
No external library should be used for animation it should be pure CSS
Proper state management libraries should be used. Using Redux will be a bonus addon
Key Requirements:
Responsive Design: The leaderboard should adjust seamlessly across different display sizes, ensuring that only top 10 scores should be shown.
Auto-Scrolling Footer: The bottom image footer should auto-scroll to enhance the user experience and aesthetic appeal of the page.
Color Scheme: You have the creative freedom to choose a color scheme that not only meets the functional requirements but also looks visually appealing.
Implement an "Add Score" popup feature | A shadcn/ui and v0 generation - v0
