Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

A simple and elegant QR code component built using Angular and SASS.

P

@Kellenkjames

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I'm most proud of finally getting back into project-based learning after spending a long time on various online courses through Udemy.

In addition, it felt good to apply theory learned from these courses to build a small project with Angular.

What challenges did you encounter, and how did you overcome them?

I encountered some challenges with deploying this Angular project to GitHub Pages. After making several attempts I continued to see only the README.md file being loaded on the URL or failed deployments.

I overcame these issues by researching tools like the angular-cli-ghpages npm package as well as reading Angular documentation and asking questions to AI until a solution was found.

What specific areas of your project would you like help with?

I would like some help understanding the pros / cons of using @font-fact vs loading fonts via a CDN, i.e., Google (in the head tag).

I ran into some issues when deploying the Angular app, i.e., was blocking access to resources, i.e., fonts downloaded by Google.

In addition, I would like feedback on the general architecture of my codebase, i.e., file naming conventions, folder structure, etc.

Thanks in advance!

Community feedback

@george5-star

Posted

It is a great project to practice the fundamentals.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord