adrien-chaussabel / csc308-club-sports Goto Github PK

#46
#8
With edited Users table, change the register form and connect frontend and backend

Create better UI for the Forms page

For the user story of an ASI employee who wants to see the full schedule of all club sports game times, dates, and locations, it seems he/she will have to go to each sports' page to find the schedules because the master schedule only displays teams that a user will follow. Therefore, unless the ASI employee follows all the teams, it will be inconvenient for this user story to be implemented.

#8

Create a blank (or hello world) homepage using React and host it on the node.js server

Merge Luis's branch into master to incorporate the sport drop down and events column.

On the storyboard, the is a link for a "forms" page. This is not displayed on the UI prototype.

Since the software has yet to be completed, not all tabs look uniform.

#8
Have the register page redirect to some sort of confirmation page/message.

#8
Connect the database to login page so users can login with registered username and password. Hash passwords and give error messages etc.

#8
Create new blank web pages for Calendar, Forms, Login, and Sports and have them linked to the main page. Common elements (menu bar, events) should be carried over.

The software overall is fairly incomplete and still needs many things to be done to have a functioning website/software.

Put the events table onto the cloud DB and then connect the events column to the table so that it prints back end data instead of fake backend (hardcoded) data.

Calendar front-end and back-end are not connected yet.

#8
Run through one or more node.js tutorials.

Some examples:
https://www.codementor.io/@kakarganpat/how-to-setup-react-and-node-js-in-a-project-koxwqbssl
https://www.twilio.com/blog/react-app-with-node-js-server-proxy

Do some research on Bootstrap and see how easily we can integrate into our current page without disrupting too much.

https://getbootstrap.com/

The UI prototype contains only the static view of the homepage. There are no implementations of the other wireframes.

#8
Ensure password is hashed/encrypted in the database and there is proper verification during login.

#8
Create teams table in the google database to store information about the teams that should be available on the site.

Include user type i.e (student, supporter, team admin, coach) in User table.

#8
Create temporary sport pages and link on the sport drop down. No extra information needs to be added at this time, only need to change title text to the respective sport.

#8

Create a early-design menu bar with small bits of interactivity for the homepage

#8
Create a new page with login interface

#8

Go through react tutorial found at:

https://reactjs.org/tutorial/tutorial.html

#8

Create a Node.js server so that we can host our React site locally

#8
Create a users table that stores username, passwords for users

#8
Use bootstrap to recreate our menu bar.

#8
Start Database design and create Events table to hold info about upcoming events

When you scroll on the homepage, the headings overlap with each other.

#8
Create carousel using Bootstrap for image galleries to be used on multiple pages across the site.

#8
Connect back end and front end for user to login to our site

Make sure the pictures displayed on the homepage rotate from picture to picture.

To address appropriateness recognizability, our project contains the Cal Poly logo and integrates the Cal Poly colors in elements of our website, such as a dark green menu bar and yellow headings. In this way, we are defining our affiliation with Cal Poly, so that users are able to identify that it is an official site for club sports. For learnability, we are going to make sure to stay consistent with our design, so that users are able to recognize how to navigate through the site to what they need to accomplish. For user error protection we are going to make sure that when users decide to follow a certain page they also have the option to unfollow, in case they follow by accident. Additionally, for the login page, we will make sure that usernames are unique and address when users forget their password. For user interface aesthetics, I feel that our team has implemented fonts and colors that work well together and follow a theme. Also, we have a simplistic design that is easy to follow. Lastly, for accessibility in the future we could try to make our font size bigger for older people to be able to read properly.

“As an ASI student employee, I want to upload photos so that everyone can see club sport athletes in action” error of omission. No function present, but there is a gallery on the home page.

On the UI storyboard, there is a link to Mustang News, but it is not displayed on the UI prototype.

#8

Create a basic events column for the home page with little to no interactivity.

Estimated time: 1 hour

#8
Create dropdown for the menu bar that lists all the sports.

#8
Do MySQL tutorials to learn about Database design and MySQL syntax

#8

Learn how to use Express and how to use React and Node with Express. Get Express working with our project.

Security - Integrity
We want to be able to securely store and encrypt user passwords. This will help ensure the integrity of our product quality evaluation system.

#8

Get the NCAA font working within the project itself so that anyone who clones the repo could see the font when used.

#8
After login, redirect to home page.

Usability - Appropriateness recognizability
For our website we want users to be able to recognize that they are using a Cal Poly product and be able to associate Cal Poly club sports with our product.

#8
Code is very messy and needs to be cleaned up and split up into multiple files and directories

“As a club sport president, I want to be able to communicate with club members so I can organize events”- error of omission.

Login section has yet to be completed, and does not allow an user to login or register.

Fix the style guide errors on current code

“As a club sport coach, I want to see a list of my athletes so I can manage and organize them”- error of omission. There is no page of rosters or specifically for coaches to use.

#8

Add a placeholder image for where our photo carousel will eventually go.