EFootTeams
Made by:
Abhay krishna PM
Bhavan p sreejith
Adarsh ms
INDEX
Synopsis
Acknowledgment
System configuration
Source code
Output
Synopsis
EFootTeams
AIM: The primary objective of
‘EFootTeams’ is to find information about
football teams
ABOUT THE PROJECT:EFootTeams is an
innovative project designed to redefine the way we
gather and access information about football
teams. In the ever-evolving world of football,
staying updated on team statistics, player details,
and match histories is crucial for enthusiasts,
analysts, and professionals alike. EFootTeams aims
to streamline this process by creating a
comprehensive platform that offers seamless
access to accurate and up-to-date information
about football teams worldwide
IT”S KEY FEATURES ARE:
● Centralised database
● Intuitive user interface
● Real time updates
SYSTEM HARDWARE AND
CONFIGURATION
Device name:Nitro AN515-43
Processor: AMD Ryzen 5 3550H
CPU@ 2.10GHz
Installed Ram: 8.00GB
System Type: 64-bit operating
system, x64-based processor
Front end
python
it typically refers to the user interface
and user experience aspects of a
software application or a website. Python
is primarily known as a backend
programming language, but it can be
used in combination with various
front-end technologies to create
dynamic and interactive user interfaces.
BACK END
CSS
In the backend, CSS (Cascading Style
Sheets) plays a crucial role in defining the
presentation and layout of web
applications. While traditionally associated
with front-end development, CSS can also
be applied dynamically in the backend,
enhancing the styling of server-generated
content. Backend frameworks like Flask
and Django in Python may utilize CSS to
style templates and ensure a consistent
and visually appealing user experience
across the entire web application.
SOURCE CODE
Python code
from flask import Flask, render_template, request
import pandas as pd
app = Flask("__name__")
dt = {
'Team Name': ['Real Madrid', 'Manchester United',
'Juventus','Kerala Blasters'],
'Country': ['Spain', 'England', 'Italy','India'],
'Founded Year': [1902, 1878, 1897,2014],
'Stadium': ['Santiago Bernabu', 'Old Tradford','Allianz Arena',
'Jawaharlal Nehru stadium'],
'Players':[["Thibaut Courtois","Dani Carvajal", "Éder Militão","David
Alaba","Jude Bellingham",
"Nacho (captain)", "Vinícius Júnior","Toni Kroos","Luka Modrić
(vice-captain)","Rodrygo","Eduardo Camavinga","Andriy Lunin"],
["Altay Bayındır","Victor Lindelöf","Sofyan Amrabat","Harry
Maguire","Lisandro Martínez","Mason Mount","Bruno Fernandes
(captain)","Anthony Martial"
,"Marcus Rashford","Rasmus Højlund", "Tyrell Malacia","Christian
Eriksen","Sergio Reguilón","Amad Diallo","Alejandro
Garnacho","Casemiro"]
,[ "Wojciech Szczęsny","Mattia De Sciglio","Bremer","Federico
Gatti","Manuel Locatelli","Danilo (captain)","Federico Chiesa","Dušan
Vlahović",
"Filip Kostić","Alex Sandro","Arkadiusz Milik"],
["Sachin Suresh", "Sandeep Singh","Hormipam Ruivah","Jeakson
Singh","Lallawmawma","Rahul KP",
"Vibin Mohanan","Dimitrios Diamantakos","Adrián Luna
(captain)","Danish Farooq","Mohammed Aimen","Pritam Kotal"]],
'Houners':[["La Liga: 34 titles","UEFA Champions League: 13
titles","Copa del Rey: 19 titles","Supercopa de España: 11 titles","UEFA
Super Cup: 4 titles",
"FIFA Club World Cup: 4 titles","Intercontinental Cup: 3
titles","Copa Eva Duarte: 1 title","Copa de la Liga: 1 title","Copa de la
República: 2 titles",
"Copa Iberoamericana: 1 title","Latin Cup: 2 titles","Small Club
World Cup: 1 title","Copa de Oro Argentina: 1 title","Copa
Mancomunados: 1 title"]
,["English Premier League: 20 titles","FA Cup: 12 titles","EFL Cup: 5
titles","UEFA Champions League: 3 titles","UEFA Europa League: 1
title",
"FA Community Shield: 21 titles","UEFA Super Cup: 1
title","Intercontinental Cup: 1 title","FIFA Club World Cup: 1 title",],
["Serie A: 36 titles","Coppa Italia: 14 titles","Supercoppa Italiana: 8
titles","UEFA Champions League: 2 titles",
"UEFA Europa League: 3 titles","UEFA Super Cup: 2
titles","Intercontinental Cup: 2 titles",],
['Runners-up (3): 2014, 2016, 2021–22']]}
df = pd.DataFrame(dt)
@app.route('/')
def index():
return render_template('index.html')
@app.route('/team', methods=['POST'])
def get_team_details():
team_name = request.form['team_name']
team_details = df[df['Team Name'] ==
team_name].to_dict('records')
return render_template('team_details.html',
team_details=team_details)
if __name__ == '__main__':
app.run(debug=True)
HTML CODE
<!DOCTYPE html>
<html>
<head>
<title>Soccer Team Details</title>
<link rel="stylesheet" type="text/css" href="{{ url_for('static',
filename='styles.css') }}">
</head>
<body>
<header class="header">
<a href="#" class="Logo">Logo</a>
<nav class="navbar">
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Contact</a>
</nav>
</header>
<h1>Search for Soccer Team Details</h1>
<form action="/team" method="post">
<label for="team_name">Enter Team Name:</label>
<input type="text" name="team_name" id="team_name"
required>
<button type="submit">Get Details</button>
</form>
</body>
</html>
HTML code 2
<!DOCTYPE html>
<head>
<title>Soccer Team Details</title>
<link rel="stylesheet" type="text/css" href="{{ url_for('static',
filename='styles.css') }}">
</head>
<body>
<header class="header">
<a href="#" class="Logo">Logo</a>
<nav class="navbar">
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Contact</a>
</nav>
</header>
<h1>Soccer Team Details</h1>
{% if team_details %}
<table border="1">
<tr>
<th>Team Name</th>
<th>Country</th>
<th>Founded Year</th>
<th>Stadium</th>
<th>Players</th>
<th>Houners</th>
</tr>
{% for team in team_details %}
<tr>
<td>{{ team['Team Name'] }}</td>
<td>{{ team['Country'] }}</td>
<td>{{ team['Founded Year'] }}</td>
<td>{{ team['Stadium'] }}</td>
<td>{{ team['Players'] }}</td>
<td>{{ team['Houners'] }}</td>
</tr>
{% endfor %}
</table>
{% else %}
<p>No details found for the given team.</p>
{% endif %}
</body>
</html>
CSS code
body {
font-family: Arial, sans-serif;
text-align: center;
}
body{
min-height: 100vh;
background-image:
url(pexels-tembela-bohle-1884574.jpg)no-repeat;
background-size: cover;
background-position: center;
}
.header{
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 20px 100px;
background: transparent;
display: flex;
justify-content: space-between;
align-items: center;
z-index: 100;
}
.Logo{
font-size: 32px;
color: aliceblue;
text-decoration: none;
font-weight: 700;
}
.navbar a {
position: relative;
font-size: 18px;
color: aliceblue;
font-weight: 500;
text-decoration: none;
margin-left: 40px;
}
.navbar a::before {
content: '';
position: absolute;
top: 100%;
left: 0;
width:100%;
height: 2px;
background: aliceblue;
transition: .3s;
}
.navbar a:hover:before {
width: 100%;
}
OUTPUT
