An app which offers stats about the romanian legendary football players.

General Description

The app is divided in 2 main parts:

• Backend (Spring Boot(3.5.3) and Java): Serves a REST API(Representational State Transfer API) which manages the data about the players. Supports simple interogations for listing and searching players based on different parameters(name, position, etc.)

• Frontend (React and JavaScript): The user interface allows users to navigate through the list of players, search in the database and see stats about each player. Includes cool little animations made in CSS(Cascading Style Sheets)

• Techstack:

  • Backend: Java, Spring Boot, Spring Data JPA, Spring Web, PostgreSQL Driver, Maven
  • Frontend: JavaScript, React, HTML5, CSS
  • Database: PostgreSQL
  • Others: Python(for data scraping), Fetch API for backend and frontend communication

• Key Points:

  • Complete listing of players.
  • Dynamic update when typing in the search bar
  • Responsive and accesible design
  • Backend configured for cross-origin communication(CORS)
  • The players data was obtained with a python scraper scraper.py which fetches data from a website into a csv table, then the data from the csv is sent to the DB.

• How to run the app:

  • Clone the repository

  • Go to the folder backend

  • run the command: mvn spring-boot:run

  • the backend will be available at: http://localhost:8080

  • Go to the folder frontend

  • install dependencies: npm install

  • run the command: npm run dev

App preview