Website which displays football statistics of top 5 leagues for the season 2022-2023.
Technology stack:
- MySQL
- ReactJS
- ExpressJs
- Python sql.connector
To understand how the application was built , please refer to the Manual.pdf.
The frontend Interface screenshots are in page 29 onwards in Manual.pdf.
Data for the football statistics is sourced from:
-
Open your terminal.
-
Navigate to the
csv_to_databasedirectory of your project using thecdcommand:cd csv_to_database -
Change the database configuration settings in
main.pyfile of the football statistics website to match your database settings. Locate thedb_configvariable and update it as follows:db_config = { "host": "your_host", # Update with your database host "user": "your_username", # Update with your database username "password": "your_password", # Update with your database password "database": "Football_Stats" # Update with your database name }
-
Run
main.pypython main.py
-
Open another terminal window or tab.
-
Navigate to the
backenddirectory of your project using thecdcommand:cd backend -
Start the backend server using npm:
npm start
-
After starting, you should see a message indicating that the server is running on a specific port (port 8081) and that it's connected to the database.
-
Open another terminal window or tab.
-
Navigate to the
frontenddirectory of your project using thecdcommand:cd frontend -
Start the frontend server using npm:
npm start
-
After starting, you should see a message indicating that the frontend has been compiled successfully, and you can now view it in the browser.
- Local: http://localhost:3000
- On Your Network: http://192.168.0.101:3000 (if you want to access it from other devices in the same network)