week 2 – setting up the angular app

Last week I only spent one evening on the project so it’s 4-5 times less time than I planned to spend on this app, but once again it wasn’t up to me because I had a cold all week 🤒.
I didn’t manage to spend some productive time until Sunday. Even so, I’m really happy that I feel good now and can go back to my daily routine. I’m optimistic about this week 💪.

what did I do last week?

🔶 I created a simple sketch (using canva) of the question page:

I know it looks simple and maybe the fonts don’t match, but I like to have an overview of all the required elements before coding.

🔶 I set up the angular project. To do this, I followed the angular.io guide. I had to install two things:
– node.js (with npm)
– angular/cli

It took me some time to remeber the Angular basics (I did a little project with angular 3 years ago and that’s all). Also I’m not familiar with coding in Visual Studio Code (I chose this IDE because I believe it is one of the common choices for developing the javascript based application).
So far the only actual coding I did was clean the template and implement the first (shitty) draft:

what was the biggest impediment?

The biggest obstacle was that I was sick 😬.
When it comes to technical problems, I struggled with this error for a while:

The term 'ng' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again.

It popped up after trying to run some ng (angular) commands in the console. For example, creating the project.
I fixed this by executing below command that installs the latest version of angular/cli (which I found after spending a few minutes on stackoverflow).

npm install -g @angular/cli@latest

what is the plan for next week?

• I want to recall the angular concepts (modules, components, grids…)
• Add the first 3 questions and answers
• Implement simple logic: Succesful message after the correct answer
• For now the content (questions and answers) will be stored in json file.

time spent

• from last week
  4h
• overall
  5h

costs

• from last week
  0 $
• overall
  32 $

summary

Hope there will be no unexpected events this week 👊