A full-stack UFC Rankings application that dynamically retrieves and displays real-time UFC fighter rankings using Flask (Python) for the backend and React.js for the frontend.
The project demonstrates real-world API handling, frontend-backend integration, and responsive UI design.
The UFC Rankings Web App fetches official UFC fighter data from a public API, structures it into clean JSON objects, and displays it dynamically through a responsive React interface.
Built to highlight skills in REST API integration, asynchronous programming, and modern web development.
Frontend
- React.js (Vite)
- Axios
- HTML5 / CSS3 / JavaScript (ES6+)
- Responsive UI with Flexbox & Grid
Backend
- Python (Flask)
- Flask-CORS
- Requests / JSON Parsing
- RESTful API Endpoints
Development Tools
- Visual Studio Code
- Postman
- Git & GitHub
- Docker (optional)
✅ Live retrieval of official UFC rankings
✅ Dynamic JSON parsing and clean data display
✅ Seamless communication between Flask & React
✅ Responsive UI across devices
✅ Graceful error handling and API logging
- REST API consumption & serialization
- Asynchronous Axios requests
- CORS configuration in Flask
- Modular React component design
- State management & data rendering
git clone https://github.com/Acetakumi/ufc-stats.git
cd ufc-stats