My Coding Story

Tara Kamshad

Background Info

I have always loved playing soccer... and being organized!

Here are some pictures of ways I would organize my soccer practices:

Issues I had with my notebook and the app I would use:



Notebook -



- It is really hard and time consuming to draw on paper before every practice

- It is hard to draw and specify what each symbol is

- I would have to carry my notebook everywhere

App -



- I was using the free trial, and after seven days I had to start paying

So I decided to create a website where I could plan my sessions with detail, yet efficiently.

My idea was based off of this codesketch:

Steps:



1) Add a soccer field background.

2) Add an event listener to the field.

3) Add the equipment I want to use.

4) Add event listeners to the equipment so that when I click on them, the background image of a div changes to match the equipment.

The Final Product

⚽soccer field planner⚽