Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 1 year ago

Kanban App using MERN Stack with NextJS and Typescript

express, next, node, typescript, mongodb
Dirk Brandon Lapitan•220
@dbslapitan
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


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

What are you most proud of?

  • Dove deeper with NextJs(App Route) and React
    • used parallel route and intercepting routes to create modals
    • used context to create global states in order to affect components
  • Used auth0 for authentication, both email login and social login
  • Used CSS module and SASS for the app

What would you do differently next time? I could have done better with where i put my styling for a component, there are components that I repeated the design implementation where I could just put it in global. For example, buttons and inputs.

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

I just started learning NextJs so everything was a challenge, from creating modals using parallel routes and intercepting routes to auth0 implementation. I overcame all of them by reading the official documentations and leveraging stack overflow and github issues to look for similar challenges.

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 Dirk Brandon Lapitan'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

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

Frontend Mentor

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

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