noahtq / weekly_tournaments

Fully featured website written for client. HTML, JS, and CSS frontend; Django backend; deployed to Linux server.

Weekly Tournaments - Client Website

Description

This is a fully functional website I made for a client a while back. The client was running weekly basketball tournaments for the Summer and they needed a website where customers could see information about the tournaments, sign-up for tournaments, put together a team with their friends, and pay for the tournament.

Technology

Languages/Frameworks

• Django Backend (Python)
• HTML, JS, CSS Frontend
• Deployed to a Linux Server with Linode and Apache

Features

• Responsive frontend. Website automatically resizes to fit and work well on any device/screen size/browser
• User login/logout/registration
• Custom staff-only frontend for client so they could setup and edit tournaments easily and quickly
• Integration with PayPal so users can safely and securely pay for events
• Ability for users to create their own team for each tournament. They can look up their teammates and send a request to their teammates to join the team
• Encrypted with HTTPS

weekly_tournaments's Issues

domain name not working if www. is omitted from beginning

https://www.youtube.com/watch?v=D2lwk1Ukgz0&list=PL-osiE80TeTtoQCKZ03TU5fNfx2UY6U4p&index=14

Fix issue where email isn't being sent, look at comments of CS video

https://www.youtube.com/watch?v=-tyBEsHSv7w&list=PL-osiE80TeTtoQCKZ03TU5fNfx2UY6U4p&index=13

Setup website to look good on different screen sizes

Style profile page

Profile page image is not a 1:1 aspect ratio

Restrict access to registration page to unregistered users for that particular event

Add extra fields to create account

Description

• Phone number field required to create account (make sure to add checks for valid phone number)
• First Name
• Last Name

Add some about info to home page about the company

update homepage background video

Custom domain

https://www.youtube.com/watch?v=D2lwk1Ukgz0&list=PL-osiE80TeTtoQCKZ03TU5fNfx2UY6U4p&index=14

Add drop down for selecting tournament type

Update Event model to have more info on tournament

Description

• Update the Event model to include more info on tournament so it is easy for Will to update as he desires

Details

Definitely add these

1. Add price field
2. Add status field (this should update automatically the day after the tournament takes place)
3. Add maximum users

Other ideas

1. Add stats field (overall tournaments stats, player stats would be assigned to the User model)
2. Add teams field (would need to create separate model for Teams)
3. Add information about how tournament played out

Individual pages for tournaments

Update the registration page styling to match new payment system

Current payment system is fine for now but in future update it so it is more reliable

Update image save method for profile pics so that old images are deleted when new images are uploaded

Add styling for flashed messages, have them appear and then fade away

Password reset through email

Payment system

Fixed navbar

Mini version of what event page will look like in sidebar of event create view

Add some kind of teammate request functionality

Add footer to base.html

User tournament registration

Fix weekly tournaments in nav bar not being centered

Write tests for current functionality

Switch password reset email to be sent from company email

HTTPS certification

https://www.youtube.com/watch?v=NhidVhNHfeU&list=PL-osiE80TeTtoQCKZ03TU5fNfx2UY6U4p&index=15

On event details page, have the register button be deactivated when a user is already registered for that tournament

Have Will provide the correct information for the detail page

Add card on register page while making player (like on React webpage prototype)

Go through payment system and fix issues where comments are left

1. events/signals.py
2. events/views.py

Update email address env_variables on Linux server

Restricting access to registration page only works for tournament with pk=3

Update pictures on website so each page has a unique image

Get images from Pexels

Add the rest of the info to event details page

Get Will to provide text for homepage

Limit the number of teammates that can be selected to 4

Potential security issue on Event Registration page

Description

• Navigate to the event registration page: /event//register

• Currently to register someone for the event we using an UpdateForm Class Based View

• We use a JS script to select the user we want to be added to the registration and then we hide we the input

• The issue is that an attacker could use inspect element or another method to edit the html to deselect and select whoever they wish and then submit the form.

Add duration field for events

Add introduction video once Will and Josh are done with it

Find a way to pass messages after a user has registered for a tournament using the new payment system

Add waiver to registration page with a way to sign document

Fix styling of drop down lists on Event Update page

style logout page

Setup business paypal account for company email

Fix footer position on certain pages

Add styling to register page

Cap the number of users that can register for event

Description

1. Add the maximum users field for the Event model
2. On details page and/or registration page add a display for the number of spots left
3. Make it so the registartion page is no accessible if event is full
4. Make it so the register button is disabled if event is full

Informational emails

Setup website to send informational emails to users

Examples

1. Send an email to users after they register confirming their registration
2. Send an email to users after they sign up for the tournament so they have proof they successfully signed up
3. Send reminder emails to users about when the tournament will take place and such
4. Once teams are finalized send teams list to all registered users for tournament