I completed the React Trello Clone tutorial and felt more confident using React. This led me to polishing a couple things in the app, making the navbar collapsable and adding buttons. It felt great to dive in and muck around with the UI.

It took some head scratching to figure out how to adapt the TrelloClone tutorial to my project’s specifications. The key difference is that the tutorial uses Redux as a database and my project has an api connected to a real database. My entities are also very different compared the minimal set up in the tutorial.

I created the components needed and went ahead with using mock data right in the components themselves which will be replaced with API calls for the real data. This actually worked out well because it allowed me to experiment with exactly the data I needed before implementing in the API using services and DTOs. The trello interface is a different beast than an index view and detail view.

This week we focus on the backend functionality that will support the Trello Style Board. I will create a new entity called milestones and have projects reference milestones as their status. These milestones will be customizable so full CRUD will be needed for that as well.

I’m not sure if I need project type as a separate entity which would group certain milestones together or if that can be a feature later on. Working through the kinks in the database design is probably the main thing that is slowing me down.

For my reflection, I think the best way to polish my React skills is just to keep making projects and the projects on Educative.io are a great resource for that since you can just pick a project and go for it.

Short Demo:

short animation of trello clone functionality