Multistep Form built w/ Angular ๐ ฐ๏ธ
Design comparison
Solution retrospective
๐ธ Hello FEM Community! I'm Daniel and this is my solution for this challenge! ๐
๐ ๏ธ Built with:
- Angular ๐ ฐ๏ธ
- SASS ๐จ
- Typescript ๐ค
- BEM Notation ๐ ฑ๏ธ
- Template Driven Forms approach ๐งพ
- Validations using Angular Directives โ
- Mobile first workflow approach ๐ฒ
It took me a few days to finish this one. I wasn't sure if my current knowledge about Angular would be enough to finish this project, but I tried anyway and I'm very glad I did. As always, I ended up learning a lot during the process and I'm much more comfortable using Angular.
Again, thanks to the Front-End Mentor team that creates challenges that make us learn a lot from doing them. ๐
What specific areas of your project would you like help with?If you have any suggestions on how I can improve this project, feel free to leave me a comment!
Feedback welcome ๐
Community feedback
- @WarmarthPosted about 22 hours ago
good day sir, l love you solution as always resemble the design image, is this their a way to know the actual width and height of the pages in respect to the design image prior to submission?
your codes are well structure and arranged, can be easily understood, maybe because of the naming style.
1@danielmrz-devPosted about 21 hours ago@Warmarth if you have a Frontend Mentor pro subscription, you have access to the figma files. You can find the correct measures in these files.
If you are not a pro member, there's a browser extension called Pixel Perfect that might help you.
0@Asledin-maxPosted about 12 hours ago@danielmrz-dev thnak you browser extension called Pixel Perfect.
2
Please log in to post a comment
Log in with GitHubJoin 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