Inspiration

Due to the pandemic, many students are unable to attend in-person lectures at the University of Waterloo. Thus, we decided to create a point-and-click webpage to provide a simulation for anyone curious about the experience of attending a math lecture at the University of Waterloo, which is also an appropriate idea to realize based on our knowledge.

What it does

This is a website that simulates a math lecture at UW, employing clickable and interactive gadgets.

How we built it

We first constructed a plan using Jira. Then we began illustrating a wireframe of the simulator using Figma, where we consolidated our ideas. Finally, the members created the code and visuals both individually and together, using VSCode for coding and GitHub for version control.

Challenges we ran into

  1. We were suggested to code with React, but we were unable to grasp all of the fundamental features of React within the scheduled time so we returned to Visual Studio Code for coding the files.
  2. During the coding process, there were parts that required knowledge outside our existing ones, such as certain codes with CSS and JavaScript. We later figured out together through tutorials online (and thanks to our mentor for providing many resources) and made sure every member understood how each part functioned.

Accomplishments that we're proud of

  1. Being able to create the product on time
  2. Communicating effectively on current progress and issues encountered
  3. Successfully resolving any issues encountered (even if they are not the best solutions)

What we learned

  1. Using HTML, CSS and JavaScript to create a website
  2. Expecting lots of communication and understanding between members during a group project
  3. Importance of planning and time management

What's next for UW Math Lecture Simulator

  1. More advanced security of the website
  2. Better simulating experience: more captivating graphics (3D modelling?), audio, perhaps even VR
  3. More available interactions: objects on desk, interaction with professor, back view

Built With

Share this project:

Updates