Skip to content

README.md

Latest commit

 

History

History
168 lines (107 loc) · 2.88 KB

README.md

File metadata and controls

168 lines (107 loc) · 2.88 KB

⚽ Soccer 7 League – Fantasy Football Web App

🚀 A full-stack Fantasy Football League Application where users can explore players, teams, and build their ultimate squad.

🔴 Live Demo: 👉 https://soccer-7-league.netlify.app/

📸 Preview

live image

🧠 Features

✨ Explore football players and teams ✨ Search players by name, position, or nation ✨ View detailed player stats ✨ Responsive UI for all devices ✨ Full-stack integration (Frontend + Backend + Database) ✨ Fast and dynamic data fetching

🏗️ Tech Stack

🔹 Frontend

  • React.js (with React Router)
  • SCSS (for styling)
  • Axios (API calls)

🔹 Backend

  • Spring Boot (Java)
  • REST APIs

🔹 Database

  • MySQL

🔹 Deployment

  • Frontend → Netlify
  • Backend → Render
  • Database → MySQL Cloud

⚙️ Installation & Setup (Local)

1️⃣ Clone Repository

git clone https://github.com/akash-kumar-7-git/soccer-league-fantasy.git
cd soccer-league-fantasy

2️⃣ Frontend Setup

cd frontend
npm install
npm start

3️⃣ Backend Setup

cd backend
mvn clean install
mvn spring-boot:run

4️⃣ Configure Database

Update your application.properties:

spring.datasource.url=jdbc:mysql://localhost:3306/your_db      /create your own
spring.datasource.username=root                                /create your own
spring.datasource.password=your_password                       /create your own

🔗 API Integration

Make sure your frontend API URL points to backend:

const BASE_URL = "https://league-backend-production-0d9d.up.railway.app/";

📁 Project Structure

project-root/
│
├── frontend/        # React App
├── backend/         # Spring Boot API
├── database/        # MySQL Schema
└── README.md

🚀 Deployment Guide

Frontend (Netlify)

  • Connect GitHub repo
  • Build command: npm run build
  • Publish directory: build

Backend (Railway)

  • Build: mvn clean install
  • Start: java -jar target/app.jar

💡 Future Improvements

🔹 User Authentication (Login/Register) 🔹 Create Fantasy Team Feature 🔹 Player Ranking System 🔹 Admin Dashboard 🔹 Real-time match updates

👨‍💻 Author

Akash Kumar

⭐ Show Your Support

If you like this project:

🌟 Star this repository 🍴 Fork it 📢 Share with others

📢 Note

This project is built for learning + portfolio purposes and demonstrates full-stack development skills.

🔥 Built with passion for football & coding