100 Days of Code-- starting 4/30/2022

My goal is to spend at least 1 hour of coding a day for the next 100 days. 100 days from now is 8/8, but to account for vacations or days when I'm too tired to work, I will give myself until 9/18 (141 days from today). Since I want to work daily, I will try to track what I worked on and how long I spent, but I have to spend at least 1 hour of study or coding for it to count (over hours on other days do not count towards this goal).

Days 1-10

Day 1 -- 4/30/2022

1 hr: Building this page and styling it the way I wanted
30 min: Playing Flexbox Froggy and going through all the levels
30 min: Creating a basic form for my bullet journal page

More practice with Flexbox and creating mini-pages quickly.

Time spent: 2 hrs

Day 2 -- 5/4/2022

2 hrs: Watched 100 Devs lecture from class on 4/14 (D&D API and Book API)
2 hrs: Flavio Bootcamp Week 3- Sections on Promises, Async-Await, and DOM manipulation with Anki notes

I felt comfortable using the D&D API and Postman when testing the API to get data displayed, also feeling like I have a much firmer grasp on Promises and Async-Await syntax. Still need to take notes on DOM manipulation methods

Time spent: 4 hrs

Day 3 -- 5/5/2022

2 hrs: Creating a goal tracker tied to localStorage

Troubleshooting localStorage, tried to add an array to localStorage, but then it was splitting my array even further into character elements instead of strings. Couldn't figure out in short time limit, so instead switched to 3 hard-coded goals for now

Time spent: 2 hrs

Day 4 -- 5/9/2022

3 hrs: Catching up on 100 Devs class from 4/12, working with Open Books API
2 hrs: Reviewing Flavio Wk 1-2, working with Tailwind & Astro
1 hr: Working on Portfolio and Bio Blurb

Working with Open Books API to put in ISBNs and store the title results in LocalStorage. Worked on a simple Tailwind project (landing page) and hosted it on Netlify. Also worked to create the outline of my portfolio with a bio blurb, struggled fixing the images on the side, will return to that in the future.

Time spent: 6 hrs

Day 5 -- 5/12/2022

3 hrs: a planning page for planning daily, weekly, monthly, and yearly goals (along with priorities and gratitudes)

Figured out that JSON.stringify() and JSON.parse() are needed with localStorage to use arrays so that they don't get converted to strings. My code for this project is ugly and shows the usefulness of modular code frameworks like React since I had to mass change variable names this way. This was just a way to make it purely functional for the time being. I had fun picking out gradients using my gradient-picker project.

Time spent: 3 hrs

Day 6 -- 5/13/2022

1 hr: Reviewing React Notes and Anki cards

Basics of React, uses the virtual DOM to only update parts of DOM that get changed. JSX's html code has to have only one parent element, can be wrapped in parentheses to span multiple lines and encompass all children elements, curly brackets used to embed JS within JSX, has to use className and camelCase for event handlers like onclick in regular HTML becomes onClick and mouseover becomes mouseOver

Time spent: 1 hr

Day 7 -- 5/16/2022

1 hr: Codecademy Intro to JS practice

Basics of JS but good practice from the beginning to strengthen basics

Time spent: 1 hr

Day 8 -- 5/17/2022

1 hr: Async/Await and Promises articles (from MDN), also JS for Dinosaurs article
1 hr: Promises video and start of Node.js Crash Course video by Traversy Media

Feeling more comfortable understanding Promises and Async/Await, need to look up more info about the event loop. JS for Dinosaurs helped me understand how NPM works and why it became necessary to manage dependencies.

Time spent: 2 hrs

Day 9 -- 5/18/2022

1 hr: Reading through React cheatsheet & Flexbox Zombies practice

Flexbox Zombies practice helping me understand Flexbox more intuitively, with justify-content, align-items, and flex-direction. Align-items default is stretch, justify-content default is flex-start.

Time spent: 1 hr

Day 10 -- 5/19/2022

1 hr: Reviewing Array methods and adding them to Anki & Flexbox Zombies

Reviewing Array Methods, practicing them, starting to add each to Anki so I can better recall what parameters various types take and what they return

Time spent: 1 hr