Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 2 years ago

Responsive Task management platform with Angular and vanilla CSS

angular
Fred Cal•50
@fredCalGit
A solution to the Kanban task management web app challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


The idea here was to practice my Angular skills and it seemed a great project for that. In light of that, there is a lot to improve here and I would really appreciate your feedback, especially on these subjects:

1- DOM rerendering: As a React developer, I had a hard time triggering rerendering of components, for instance, whenever the user deletes a board, the navbar should update the board name to the new active board, in order to achieve that I had too much trouble, it feels like I've missed something crucial here, can't be that hard.

2- UX / UI: I've tried to follow the Figma design as much as possible, the design wasn't perfect, buttons with different sizes across the project, and modal windows the same, what are your thoughts on that? Any sugestions?

3- Forms: Those were a pain. Mainly on the Typescript side of things, I've tried to build a reusable form but every time I had issues with types "FormControl" and "AbstractControl", or something like that, after trying a lot I gave up and rebuilt a new form for each new dialog. Any tips on that?

4- Architecture: I didn't like my file structure and all the code within the app component, I feel like I could break all those methods into services, what do you think? Please any insight on those would be helpful!

Any other feedback is welcome, please feel free to reach me and share your ideas, thanks!

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Fred Cal's solution.

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
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License