Another productive week passed. Last week I learned a lot about components and relations between them. I also created template and reactive forms and implemented a routing mechanism in my app.
On Saturday while adding another component I started to wonder what was the best way to reuse UI elements in my application and came across UI libraries for Angular then spent a few hours reading about NG Bootstrap and Angular Material.
I decided to install the first one in my application but it didn’t support the latest Angular version (which I use) so I ended up installing the Angular Material library. After a few minutes of testing, I realized that it would save me many hours of struggling with CSS positioning. On the other hand I was really excited to find a solution to reuse UI components. Can’t wait to finish rewriting my app with Angular Material library and focus more on adding features rather than fighting with CSS properties for hours ๐ฌ
what did I do last week?
๐ถ added marking correct answers
๐ถ learned how to send data between the components
๐ถ implemented the start-page component
๐ถ implemented add-question component
๐ถ added routing
๐ถ corrected the footer with the result
๐ถ learned about Angular UI toolkits: Angular Material and NgBootstrap
which was the biggest impediment?
- observables (I had to use them for points counter),
- implementing reactive form for adding new question
- finding differences Angular Material and NgBootstrap
what is the plan for next week?
- rewrite all the components using Angular Material UI toolkit
- add modal with explanation after the wrong answer
- add login panel
time spent
- from last week
25h 30m - overall
49h 30m
costs
- from last week
0 - overall
32 $
summary
I still really enjoy working on this project. I think rewriting it with Angular Material will be a huge step forward. Then I will focus on adding more questions and integrating everything with the SQL database.