Week 1 Day 2

Today, I continued with my amateur sports app that I began yesterday. I chose this app idea because I thought that it would be less graphically challenging as it would just be a series of menus,  but it would have some interesting data concepts and many directions for expansion. Instead of talking about the app overall, I thought that I would talk about some of the problems I ran into because of my lack of experience in JavaScript. If nothing else, I have come to understand how webpage development can take a long time.
The first thing that I wanted to do today was to make my "rosters" persistent. The rosters are a key aspect to my program, as the whole point of the program is to track players and their progress over the season. For this task I decided to use local storage as I read about it in this tutorial. http://www.openbookproject.net/tutorials/fxos/. I store all of my rosters in a JavaScript object, and as soon as I implemented local storage, everything became undefined. I eventually realized that local storage did not store objects as objects, but as strings, so I had to use the stringify and parse methods to save the data.
Next I wanted to make my newly persistent rosters appear in an unordered list. As of now I have barely any css so keep in mind this is all pretty bare. I was able to do this fairly easily until I wanted to be able to delete rosters as well. I was having issues here until I realized that I was mutating a copy of my local storage roster object not the object itself. For a fix I just made a setter method that was easy to use.
By the end of today, I have a method to add and delete rosters, with the ability to add members to a current roster as well.
The next couple steps are:
Figure out the right way to switch pages using JavaScript and HTML, as currently I use the show and hide methods, and I am almost positive that this is one of the worst possible ways to do it, but it works for now.
Get the project up on github
Enable editing individual names and deleting individual names in a roster
Begin to add terms and scoring methods
Add styling to the app.
See you tomorrow.