Premier League 26/27 Predictor

Overview

Sometimes, the best applications do just one thing, but do it incredibly well. That was my exact goal with this project. I wanted to build a single-feature application where simplicity and user experience were the absolute highest priorities.

The result is a clean, intuitive web application that allows football fans to easily predict the final standings of the 26/27 Premier League season.

Core Functionality

The app is designed to be completely frictionless:

• Interactive Drag-and-Drop: Users can simply grab a team and drag them up or down the table to their predicted finishing position.
• Instant Export: Once a user is satisfied with their predicted table, they can click the "Save / Download Image" button. Utilizing the html-to-image node package, the app seamlessly captures the customized table and downloads it as an image file directly to their device, making it instantly shareable.

Tech Stack

To ensure a snappy, responsive, and highly polished user interface, I utilized a modern frontend stack:

• Next.js & React: For the core framework and UI rendering, ensuring fast performance and a modern component architecture.
• TypeScript: To maintain strict type safety, catch errors early in development, and ensure a highly robust codebase.
• Mantine: A fully-featured React component library that helped me achieve a sleek, consistent, and accessible dark-mode design rapidly.

Project can be found on: Premier League Predictor