Flutter

How we made Easlo’s “Second Brain” as a Flutter mobile application using Figma and Notion

128
Saved hours
iconicon
Usecase-img

What is Second Brain and why is it so popular is the question that comes to your mind, then pose the question to yourself, how often have you struggled to recall something important and felt it slip through your grasp? Before the digital age, people took notes or stored them in their minds to be recalled when needed. Keep notes while reading a book, article, or document, How much time have you squandered looking for a document or file that you were certain you had saved? Every day, our brains are bombarded with an enormous amount of information. Now is the time to admit that we can't "use our brain" to remember everything, and to delegate the task of remembering to technology. That is why the second brain has emerged.

The main parts of the Second Brain are:

1.Remember

During the whole day whenever you work a lot or do some recurring activities, it is hard to remember daily tasks or activities. Sometimes we prefer to capture information messily - we email ourselves, a quick note, brainstorm some ideas in a Word document, take notes on books we read, remember in our head, or use digital notes as desired. It's tough.

2.Connect

Connect all records or data; it doesn't matter structured or unstructured and then connect to the Second Brain app.

3.Create

Once all data has been collected, it will be divided and used in the Second Brain to track daily activities.

Here is the Second Brain mobile app's step-by-step guide to dealing with problems and finding solutions.

The Challenge
  1. User-friendly UI
  2. Authorized Users
  3. Navigational Ease
  4. Information Collection
  5. Error-Free code
  6. Easy API Integrations
  7. Notification Support
The Solution

Notion

Notion is a single place where you can think, write, and plan. Capture thoughts, manage projects, or even run an entire company — and do it exactly the way you want.

DhiWise

The first question is, why DhiWise for Second Brain? Is it conceivable?

DhiWise is a programming platform where developers can convert their designs into developer-friendly code for mobile and web apps. DhiWise automates the application development lifecycle and instantly generates readable, modular, and reusable code.

Application Tech Stack:

  1. Flutter
  2. Notion APIs
  3. Notion for storing data
  4. Authentication using Supabase

What did Second Brain require?

  • Design
  • Authentication
  • API Integration
  • App Navigation
  • Business Logic

Time Required without DhiWise vs with DhiWise :

Features

1. Figma to Code

Figma with proper standards provides 90-95% accuracy with DhiWise. Half of the time was saved by using the change widgets and add action. With this feature, inaccurate designs could be changed by the developers with less effort. For Second Brain,  Figma had 12 screens, and DhiWise generated code for the same in less than 1 minute.

2. App navigation

The majority of apps have multiple screens that are linked together by some action or lifecycle method. DhiWise provides three-click navigation. Navigations in Second Brain were set in 1 minute using DhiWise's Navigation Feature.

3. Authentication

Authentication provides security, and any app can't be imagined without it. Simple Sign Up and Sign In with email and password was required. So authentication was added with the integration of Supabase directly from the platform within a click.

4. API integration

Many Notion APIs were required in this case. Manual efforts to integrate only APIs in Flutter might take 4-5 days. Handling all types of responses and binding them to components was much more complicated, but with DhiWise's API integration feature, it was completed in minutes.

5. Source code & Business Logic

The source code was downloaded, once all integration was completed. This app had a feature that showed users’ progress in graphs. It was easy to add this feature manually because of the code structure.

----------------

Conclusion:

Finally, after two days, Second Brain was ready to serve. Manual efforts required at least three weeks for the Second Brain app, but with DhiWise, it was completed in just two days with quality and error-free code.

There are also some after-code features provided by DhiWise:

  • The VS Code extension was used for directly syncing code from DhiWise to VS Code
  • Changes could also be easily made in DhiWise and subsequently synced directly to VS Code