Football club website
The project aims to make a Football club website for the team Rajputs Del Mundo. The website is designed for team members to have access to the member features, fans to know about the club, people to purchase products, team members to show profiles, match reports and highlights to be viewed, so that the club could be "out there" in the world.
UX
The website has a few audiences.
Firstly fans who want to keep updated about the club. Secondly club members who have a platform to express themselves. Thirdly, sponsors who wish to work with the club. Forthly football fans who come accross the webpage.
As a club fan, I would like to keep updated about the football club. As a club fan, I would like to purchase merchandise and the club kit. As a club fan, I would like to know about news related to the club. As a club fan, I would like to know about match fixtures and results. As a club member, I would like to know about match fixtures and results. As a club member, I would like to know about news related to the club. As a club member, I would like to purchase merchandise and the club kit. As a club member, I would like to add my own club member profile. As a club member, I would like to pay for matches and training sessions. As a potential sponsor, I would like to be able to contact the club for potential collaboration.
Wireframe
No wireframe was made for the project.
Features
The site has the club profile and about information showing its origin. The site has relevant social media links. The site has a news section for club news. It also has a matches section to show past and future matches. The site has a team section for team members. The site has a shop section to buy products and subscriptions. The site has a contact form for users to contact the club. The site has an admin app for admins to control the site. The site has a user login system for users.
Existing Features
None of the features could be built in time
Features Left to Implement
A working shop system for payments and user data to be processed A news input blog system for members to post news on a regular basis
Technologies Used
The technologies used include:
-
[Html] The basis of the project was made using HTML
-
[CSS] CSS was used to add styles on top of Bootstrap
-
[Bootstrap] (https://getbootstrap.com/) Bootstrap was used for styling, the form and formatting positioning.
-
[Vanilla Javascript] This project uses javascript to add functionally. Additionally it uses Javascript to calculate ideal body weight, body mass index, creatinine clearance (kidney function), the initial dose of vancomycin, the maintenance dose of vancomycin and the frequency of monitoring of the drug.
-
JQuery The project uses JQuery to simplify DOM manipulation. In this project, it was only used for the bootstrap features.
[Python] Python was used to backend functionality to the application.
[Django] Django was used to link the front and backend of the application.
Testing
The code was not tested owing to time contraints.
Deployment
To run the project, simply go to http://project-football.herokuapp.com/
Credits
Content
- The bag, products, checkout, stripe payments, admin coding was taken from the course content.
Media
The media was obtained from this template, (https://colorlib.com/wp/template/sportz/) which is also referenced in the footer.
The images and videos outside of this were obtained (with permission) from the club members.
Acknowledgements
The team at codeinstitute for the tutorials. Special thanks to the tutors for their patience when answering queries.