adrien-chaussabel / csc308-club-sports Goto Github PK
View Code? Open in Web Editor NEWWeb App for @calpoly's CSC 308/309 Software Engineering Series
Home Page: https://club-sports-hub.herokuapp.com/
Web App for @calpoly's CSC 308/309 Software Engineering Series
Home Page: https://club-sports-hub.herokuapp.com/
#8
Create dropdown for the menu bar that lists all the sports.
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.
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.
Calendar front-end and back-end are not connected yet.
The UI prototype contains only the static view of the homepage. There are no implementations of the other wireframes.
Include user type i.e (student, supporter, team admin, coach) in User table.
Estimated time: 1 hour
#8
Create a new page with login interface
#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
#8
Create carousel using Bootstrap for image galleries to be used on multiple pages across the site.
Fix the style guide errors on current code
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
Create a users table that stores username, passwords for users
“As a club sport president, I want to be able to communicate with club members so I can organize events”- error of omission.
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
Connect back end and front end for user to login to our site
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.
#8
Start Database design and create Events table to hold info about upcoming events
#8
After login, redirect to home page.
#8
Do MySQL tutorials to learn about Database design and MySQL syntax
“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
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
Ensure password is hashed/encrypted in the database and there is proper verification during login.
Since the software has yet to be completed, not all tabs look uniform.
Get the NCAA font working within the project itself so that anyone who clones the repo could see the font when used.
Create a Node.js server so that we can host our React site locally
The software overall is fairly incomplete and still needs many things to be done to have a functioning website/software.
Create a early-design menu bar with small bits of interactivity for the homepage
On the UI storyboard, there is a link to Mustang News, but it is not displayed on the UI prototype.
#8
Use bootstrap to recreate our menu bar.
“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 storyboard, the is a link for a "forms" page. This is not displayed on the UI prototype.
Make sure the pictures displayed on the homepage rotate from picture to picture.
#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.
#8
Have the register page redirect to some sort of confirmation page/message.
Create better UI for the Forms page
Do some research on Bootstrap and see how easily we can integrate into our current page without disrupting too much.
#8
Connect the database to login page so users can login with registered username and password. Hash passwords and give error messages etc.
When you scroll on the homepage, the headings overlap with each other.
#8
Code is very messy and needs to be cleaned up and split up into multiple files and directories
Create a blank (or hello world) homepage using React and host it on the node.js server
Login section has yet to be completed, and does not allow an user to login or register.
#8
Create teams table in the google database to store information about the teams that should be available on the site.
Merge Luis's branch into master to incorporate the sport drop down and events column.
Add a placeholder image for where our photo carousel will eventually go.
Create a basic events column for the home page with little to no interactivity.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.