100 Days of Code Challenge

April 12th, 2020

I'm learning to code over the next 100 days. I know, join the club Daz. But seriously, I've been talking about it for the last 3 years.

Commitment: 1 hour a day for 100 days Start day: Friday 1st May End day: Sunday 9th August (Mum's birthday)

Day 1: Friday 1st May

What I achieved

  1. Learnt a bit of React Hooks here
  2. Undertook a few webhook tutorials
  3. Brushed up on some css on a Shopify site

Blockers

  1. Didn't really have a clue what I was trying to achieve

What I learned I know bits of code, but my knowledge is all over the shot. I can deep dive into css and learn from trial and error, but to make meaningful changes to js. files is a a no go. I need some help from peers, but the first stage is to figure out my end goal at the end of 100 days.

Day 2: Saturday 2nd May

What I achieved

  1. Made CSS styling changes to dazgordon.com
  2. Added an additional about.js page
  3. Leanrt a bit about GraphQL and previewed on my own site

Blockers

  1. Don't know how to pull the about content from Contentful
  2. GraphQL still out of my depth
  3. Could not figure out how to remove black background from my profile image homepage
  4. Could not figure out how to use Contentful image API

What I learned I went in with the intention of making a suite of changes to dazgordon.com but most of these changes ended up breaking the code. I was trying to pull in the About content from Contenful, but struggled to do so. Again, not having a plan of what I wanted to acheive made it hard to realise the end goals.

Day 2: Saturday 2nd May

What I achieved

  1. Progressed with pulling About content model from Contentful
  2. Used branches to have a seperate development branch to Master

Blockers

  1. Broke entire site
  2. Can't do a Gatsby Build
  3. Can't do Gatsby Develop
  4. Have no clue how to create a new page from Contentful
  5. Broke site blocking me from making other css changes

What I learned To create seperate branches when doing work that will potentially brake your entire site. I installed a new Contentful package without really knowing what it would do. Ramsay told me to put in the following commands into the terminal.

rm -Rf node_modules package-lock.json
yarn install

My localhost was still broke after these commands, pointing an error to my newly created about.js page. I kept on seeing 'error with parsing' so need to have a better understanding of what parsing means for my site.

Day 3: Sunday 3rd May

What I achieved

Blockers

What I learned

Day 4: Monday 4th May

What I achieved

Blockers

What I learned

Day 5: Tuesday 5th May

What I achieved

Blockers

What I learned

  1. Do not switch between npm and yarn for package installers

Day 6: Wednesday 6th May

What I achieved

  1. Applied max-width styling to the wrapper elements for better text readibility on all devices for dazgordon.com
  2. Installed styled components

Blockers

What I learned

  1. js. sections are not straightforward
  2. Version control is very sensible