Triplan — Social Travel Flutter

How to make a mobile application template to plan outings with family and friends for more than one month

1. Start working on project Triplan

The first day I received the app’s template, I’ve looked through all the screens to see if I’ve seen any components that are beyond my knowledge. I see there are quite a lot of complicated widgets that need to re-customize or use 3rd party lib, for example, custom marker, custom circles of google map, or custom calendar. For example with screens like this:

But don’t worry, I will share with you how I make those screens right here.

2.Application implementation process

After reviewing all the project screens, I created the project and embarked on the code. First, I listed all the colors and fonts that the project uses. Next, I was thinking, calculating what general components to have that can be used many times on many different screens. At the beginning of the project, we will use it to analyze the screens to see how to optimize, which components can be reused and which components are not needed, then in the middle of the project, our code will be very fast, the code will not be garbage and not have to refactor code many times.

When I’ve prepared the components, I start processing the first screens. In terms of how to handle each screen, I divided the screen into parts from large to small to see which components fix hard, which components do not fix hard which will help to run the application on many mobile screens with many different ratios to be responsive.

Until I encounter complex widgets, my first solution is always to self-research the network first, look for available libraries that other developers have built. After I find a library that I like with my requirements, I’ll install it in the project and test it, if that’s okay, I’ll dig into the source code of the library to see how the developers create that complex widget. Also, if I can’t find any libraries or find anything related to what I need, I’ll ask other developers for help by joining the group and asking questions and you can ask questions in flutter groups or Q&A sites for programmers.

You should not find a library that meets your requirements, use it without finding out why the author created such a library. That won’t help you handle with other complex widgets, and won’t improve your coding skills. I think so that.

3. What is my target ?

With every project, my goal is to complete the product in the shortest time and the product can be shown on Envato. That will give me more motivation to try hard for the next projects, It also helps me save more time and accumulate more experience and knowledge such as improving coding skills, handling difficult components.

4. Achieved results

Finally, after more than 1 month of work, I have completed the Triplan application template and the product is available on Envato. Here is the link of the product for those who want to refer:

https://1.envato.market/doyJdK

If you liked this post, let me know in the comments. Feel free to give many claps and share it as you want.

Thank you!!!