prashant6802/sportsmash-client

Sportsmash

Sportsmash is a web application that allows users to compare two footballers and vote for their favorite. The application utilizes the Elo rating algorithm to calculate and update the ratings of the footballers based on user votes. Users can see the rankings of footballers in ascending order based on their ratings.

Features

• Compare two footballers by viewing their images.
• Vote for your favorite footballer, increasing their rating.
• The rating of the non-chosen footballer decreases.
• View rankings of footballers in ascending order based on their ratings.

Technologies Used

• Frontend: React JS and CSS
• Backend: Node JS and Express JS
• Database: MySQL

Elo Rating Algorithm

The Elo rating algorithm, widely used in chess, is employed to calculate and update the ratings of footballers based on user votes. It ensures that the ratings are adjusted dynamically as users vote, reflecting the true preferences of the community.

Project Inspiration

This project is inspired by the concept of the "Facemash" website depicted in the movie "The Social Network," a biopic of Mark Zuckerberg. We've adapted the idea to create a fun and engaging platform for football enthusiasts to compare their favorite players.

Getting Started

To run the project locally, follow these steps:

1. Clone this repository and the Sportsmash-server repository and put them in a single folder.
2. Install the necessary dependencies for both the frontend and backend.
3. Configure your MySQL database connection.
4. Start the frontend and backend servers.

Demo Video