MMA Statistics Website

🏈 Octagon Fight Data - MMA Statistics Website

A full-stack web application delivering detailed statistics, fighter profiles, and match insights for MMA and UFC events.

---

📆 Overview

Octagon Fight Data provides comprehensive statistics and information on MMA fighters, matchups, and events. The system scrapes data from verified MMA sources, storing it in a MongoDB database, and serves this data through a RESTful API. The frontend, built in React.js, enables fans, analysts, and enthusiasts to explore upcoming events, view fighter profiles, and analyze matchup statistics.

---

🔹 Features

• 📅 Event Listings: View upcoming and past MMA events with full fight card, date, and location details.
• 👨‍🏋️ Fighter Profiles: Explore bios, records, weight classes, and galleries for MMA fighters.
• ⚔️ Fight Results: See results including winners, methods (e.g., KO, submission), rounds, and fight stats.
• 🥇 Statistical Analysis: Breakdown of fighter performance—striking accuracy, grappling, submission rates, and more.
• 🛏️ Responsive Design: Fully optimized for desktop, tablet, and mobile users.

---

🚀 Technologies Used

Frontend

• React.js
• Redux Toolkit
• TypeScript
• React Router
• HTML5 / CSS3
• Axios

Backend

• Node.js
• Express.js
• MongoDB with Mongoose ODM
• RESTful API architecture

Data Scraping

• Python
  • BeautifulSoup (HTML parsing)
  • Requests (HTTP library)

---

🛠️ Setup Instructions

1. Clone the repository:

   git clone https://github.com/StevenReynoso/octagon-fight-data.git

2. Backend setup:

   cd server
   npm install
   npm start

3. Frontend setup:

   cd client
   npm install
   npm start

4. View the website: Navigate to http://localhost:3000 in your browser.

---

📚 Contributing

Contributions are welcome! If you find issues or have ideas to improve the project:

• Submit a pull request
• Open an issue
• Star the repo if you found it helpful!

---

📚 License

Distributed under the MIT License.

---

👨‍💻 Author

Steven Reynoso
GitHub: @StevenReynoso
Contact: sreynosowork@gmail.com