https://github.com/csy-szeyui/tennis-datavis
Web Application for Visualizing Tennis Data (BSc Computer Science Final-Year Project)
https://github.com/csy-szeyui/tennis-datavis
postgresql python-flask reactjs
Last synced: about 1 month ago
JSON representation
Web Application for Visualizing Tennis Data (BSc Computer Science Final-Year Project)
- Host: GitHub
- URL: https://github.com/csy-szeyui/tennis-datavis
- Owner: csy-szeyui
- Created: 2025-06-04T20:42:01.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-05T23:11:57.000Z (about 1 year ago)
- Last Synced: 2025-06-05T23:31:04.474Z (about 1 year ago)
- Topics: postgresql, python-flask, reactjs
- Language: JavaScript
- Homepage:
- Size: 1.57 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# tennis-datavis
Web Application for Visualizing Tennis Data (BSc Computer Science Final-Year Project)
React.js Frontend (Vite buildtool, Redux state management, React Router routing)
Python Backend (Flask framework)
PostgreSQL database
9/4/2025
# Citations
- Icon used in frontend web application: Flaticon.com
- Datasets:
1. ATP Tennis Rankings, Results, and Stats dataset from Jeff Sackmann / Tennis Abstract (https://github.com/JeffSackmann/tennis_atp)
The data used in the database is excerpted from the original dataset.
2. One-handed Backhand Player Rankings from Tennis Abstract (https://tennisabstract.com/reports/oneHandBackhandRankings.html)
3. ATP Surface Speed Ratings from Tennis Abstract (https://tennisabstract.com/reports/atp_surface_speed.html)
# Database Setup
1. With psql, run
`psql -U username -d database_name -f /path/to/tennis.sql`
2. Modify dbname, user, password of psycopg2.connect in pages\api.py file according to your own setup
# How to Run Web Application
1. Run pages\api.py file to run backend code
2. Run npm run dev in terminal for frontend application
- Backend can be accessed at http://localhost:5000/
- Frontend can be accessed at http://localhost:5173/
- Database SQL file: tennis.sql
# React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
Chan Sze Yui_57140032_24CS118_Web Application for Visualizing Tennis Data