Submitted 6 months ago

Painstackingly made Kanban app with React, TypeScript and Tailwind

#laravel#typescript#sass/scss

Ilya Andreev•880

@NeoScripter

Preview site View code

This is a solution for...Kanban task management web app

HTML
CSS
JS

5guru

Design comparison

SolutionDesign

Solution retrospective

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

This is my second attempt to create this application. The first time, I used Laravel and I made it as a full-stack app. It worked, but it was very clunky, unwieldy and had a lot of bugs. This time, I used completely different stack and this version of the app is so much better! This time, I used local storage and didn't make it a full-stack app but it's okay as it doesn't have to be, considering the use cases. I'm very proud of component structure, custom hook use and animation.

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

I encountered dozens of challenges and had to debug this app multiple times, starting from animation and state management up to optimizing CRUD operation on a state variable with super nested structure. The amount of experience I got from it is immense. It is truly remarkable how fast one can grow when they write all the code by themselves without AI. (I used it only when I was completely stuck but, honestly, AI is pretty bad at React code, at least in my experience).

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

Can anyone tell me how do you set up email notification on your app in Next.js in a straightforward way? It is not related to this project, but if anyone knowns, tell me please. I did a lot of research and found out that such a simple and straightfoward thing as sending an email (PHP does it natively and for free, by the way) is a whole mumba-dumba in Next.js. You need to spend several hours of your time setting everything up and paying third-parties some fees. Is there a really simple way that I didn't see online?

Community feedback

maricastroc•510
@maricastrocPosted about 1 month ago
Hello! I really liked the fact that you built a fullstack application and also implemented a language selection feature. Here are a few observations that might help:

It might be interesting to show feedback toasts to the user during registration on the platform, as well as password validations; When clicking the 'add board' button in the boards area, nothing happens. I can only create a new board using the sidebar menu. I also noticed that the theme switch feature is currently not working.

Other than that, I really liked your solution and the small design details. :D
Marked as helpful
1
Ilya Andreev•880
@NeoScripterPosted about 1 month ago
@maricastroc Hello, thank you so much for your feedback! I agree, this app has a lot of flaws. When I created it, my main goal was to practice Laravel backend. I barely finished it and it was so exhausting that I didn't have energy to fix multiple bugs that I saw. However, currently, I'm remaking this app in React and this time, it is so much better. The logic is very hard as it basically had to create all CRUD operations with strigified data, but after I finish, it should be so much better than this one. Again, thank you for your feedback, I'm glad that somebody tried to use it.
1

Please log in to post a comment

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