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

Responsive Kanban Task Management App

#material-ui#react#redux-toolkit#typescript#vite
Mahmoud Tarekā€¢ 650

@mahmoudAcm

Desktop design screenshot for the Kanban task management web app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
5guru
View challenge

Design comparison


SolutionDesign

Solution retrospective


Adding draggable functionality and keyboard controls to improve accessibility. By assigning a tabindex value to interactive elements such as buttons and links, they can be included in the tab order of the page, enabling keyboard users to navigate through the page in a logical order. These changes make it easier for users with disabilities to interact with the application.

Community feedback

Mahmoud Tarekā€¢ 650

@mahmoudAcm

Posted

šŸš€ Exciting News: Upgraded the Kanban Task Management App from Frontend Mentor Challenge into a Fullstack Marvel! šŸš€

Hey LinkedIn fam! šŸ‘‹ I'm thrilled to share a major achievement ā€“ I've taken the Kanban Task Management App project from Frontend Mentor Challenge and transformed it into a fully-fledged Fullstack Application! šŸŽ‰ With a lot of hard work, dedication, and a dash of innovation, I've added some powerful features that take the app to the next level.

šŸ”„ Key Highlights:

šŸ”¹ Fullstack Power: The app is now not just about the frontend! I've integrated robust backend functionality that takes the user experience to new heights.

šŸ”¹ Authentication Excellence: The authentication system is now powered by Clerk.com, adding an extra layer of security and seamless user experience. šŸ›”ļø

šŸ”¹ Performance Upgrades: I've optimized and fine-tuned the app for a smoother user journey. Your tasks, now managed with even more grace and speed!

šŸ”¹ Call to Action: I invite all of you, my esteemed connections, to test drive the application! šŸš— Your feedback is invaluable to me. If you notice any slowness in the application, please keep in mind that I've integrated third-party services using their free plans. A shoutout to Clerk.com and planetscale.com for their fantastic services on the free tier! āš”

I'm beyond proud of the result and can't wait for you to explore the app. Try it out, play around, and let me know what you think! šŸŒŸ Your feedback will be a crucial part of making this app even better. If you find any issues, drop a note below ā€“ your insights are gold!

šŸ‘‰ **App Link

Thank you for your unwavering support, and I can't wait to hear your thoughts. Let's continue creating, learning, and growing together! šŸŒ±

#FullstackDevelopment #Innovation #AppDevelopment #ClerkAuthentication #UserExperience #FeedbackWelcome

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