/AthleticsMarshallingPage

My assessment task for Software Design & Development 2023 (Year 11 - School Of Now)

Primary LanguageCSS

School Of Now ICT Assessment (Software Design & Development) Task - Year 11 - 2023

Description

This is my Software Design & Development Assessment Task. Included in this upload is all the CSS, HTML and JS files for the task. There are a couple of things you're going to need to install first.

Table of Contents

Installation

You can pull (OR) Download the files like usual.

Visual Studio Code: (This is the most reliable development tool)

Windows: https://code.visualstudio.com/docs/?dv=win

Mac: https://code.visualstudio.com/docs/?dv=osx

(For the weird people) Linux (deb): https://code.visualstudio.com/docs/?dv=linux64_deb

Plugins for visual studio: Live Server: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer (This should just take you to the page and redirect you to VSCode (YOU MAY NEED TO RESTART VISUAL STUDIO!)

$ git clone https://github.com/ScytheDEM/AthleticsMarshallingPage
$ cd AthleticsMarshallingPage
$ npm install  # or any other installation command if applicable

Application of the problem:

The problem is to develop an app that allows students to self-enroll in sports events while ensuring that they can only enroll themselves. Marshals should have the ability to enroll students in events, view the entrants in any event, and see the number of events a student is enrolled in.

Analysis & Problem:

User Roles:

  • Students: Can self-enroll in sports events.
  • Marshals: Can enroll students in events, view entrants, and see the number of events a student is enrolled in.

Event Enrollment:

Students can only enroll themselves in an event.

When creating this website, i addressed the main consern with apps that already have this functionality; the efficency of the application and the way that participants interact with it. When creating the website, i made sure to make elements that are easy for the users (and admins!) to use. The app has a modern design which is both intutative with buttons that are understandable, allowing the user to be able to know what they're interacting with.

p.s: it's also mobile friendly

License

Feel free to copy, don't plagorise though.

Sources USED:

  • GitHub CoPilot
  • ChatGPT
  • Google Bard
  • CSS Website design fluid animations

Support

If users need help or have any questions, contact me here: