Community Virtualization Engine(Flutter App) 

Idea Draft 
 
Hi, I am Hemil Panchiwala, a 2nd-year undergraduate student at the Indian 
Institute of Technology Roorkee, India. I went through Liquid Galaxy’s 
ideas page for GSoC 2020 and Community Virtualization Engine caught my 
eye. I am thinking of making a Flutter app for this project. I am interested 
in taking this project as I have worked in Flutter. I have created different 
Flutter based animation libraries also which can be viewed at my ​GitHub​. 
 
This doc is prepared as a basic understanding of how the app would be. I 
will add different animations and properly use Flutter’s UI power in the 
app. I have simply made different shapes with descriptions which just 
makes understand the basic app functionality. Please provide the 
necessary feedbacks about implementing this project properly. 
 
Description:- ​The idea behind Community Virtualization Engine is to have data 
from communities and represent it on a Flutter app. This data will be extracted 
from any actual API. Different pieces of information about persons, technologies 
they master, speaker abilities, and more have to be visualized in this Flutter app. 
 
Features:- 
Splash Screen:- ​This screen will be shown at the starting of the app for just a 
second or two. It can contain Liquid Galaxy Logo with some great line below it. 
This screen will look something like this:- 
 
  
Probable Implementation​:- I will implement this page by adding the timer for the 
display of this screen and on completion of the Timer, the app will proceed to the 
First Page using the Navigator in Flutter. 
 
First Page:- ​This screen will open up after the splash screen. This screen will have a 
TabBar with Liquid Galaxy title or icon and the menu option for seeing different 
info about Liquid Galaxy. Then there would be a horizontal card list that will 
display some popular items by Liquid Galaxy. Below the card list, there will be a list 
of news and blogs published by the Liquid Galaxy Team. And at the bottom of the 
page would be the navigation toolbar for navigating to different pages in the app 
like the user’s profile and Liquid Galaxy Team.   
This page will look something like this:- 
  
 
Probable Implementation​:- Here I will implement the list of blogs and news using 
the ListView class of Flutter. The elements of list will be loaded using the Meetup 
API. I will implement the horizontal scrollable CardView using the ListView class 
with scroll horizontal function. Then the hamburger button would open up a menu 
with options like About us, contact, partners and many others. Then at the bottom, 
we will be using the BottomNavigationBar class of Flutter. Here also, I will be using 
the Navigator for changing to different tabs. 
 
 
Single Blog/News Page:- ​This page will show the complete blog or news. This 
page will have the tab bar at the top with the option of sharing the blog or news on 
any other social media platform. Then there would be the title and published date 
following the complete blog. It would be somewhat like the blogs shown by the 
liquid galaxy on the website.  
This page would be something like this:- 
 
  
 
Probable Implementation​:- Here, I will get the complete data of the blog from 
the API. I will be using the asynchronous function for getting the data. The data 
will be taken in the form of Stream and any new updates will be updated as 
from API. This can be properly explained using the below diagram. 
  
 
Liquid Galaxy Team page:- ​This page displays the list of team members of the 
Liquid Galaxy Team page and on clicking any members opens up the page 
describing the team member. There would be a search option that will help to 
find out any particular member in the Liquid Galaxy Team. 
This page will look something like this:- 
 
  
 
Probable Implementation​:- I will get the data of a list of community members in 
a similar way described above from the API. I will implement the search feature 
with my own logic in the app. 
 
Community Person’s Page:- ​This screen describes all the info of a particular 
member of the Liquid Galaxy Team. It will include all the information’s about 
the person, the technology he/she masters, speaker abilities and many more.  
The basic layout would be something as below:-  
 

 
 
 
Probable Implementation​:- This page would get different data from the API. And 
below the image and other details, there will be a horizontally scrollable tab bar 
for different areas like abilities, the technologies he/she masters, the projects 
implemented, etc.  
 
 
 
More implementation details: 
 
➔ I will use the Meetup API for gaining different information about the 
community, blogs, news, and other needed information. 
➔ We can also add the sign in and sign up for the users if possible and can 
add Profile page for the users in the app. 
➔ Also, an about page can be linked from the hamburger button located on 
the left top position of the screen. This page will contain all the 
information about the Liquid Galaxy. Also, contact and partner 
information of Liquid Galaxy can be added as options in the menu.