Inspiration
Hello, I have been wanted to create an online learning system to help Volunteer Organisations, Team Members, Businesses, Medical Practitioners etc to help educate their Volunteers, Patients, clients etc. as a result, Air Social was born.
What it does
Air Social is an Online Volunteer Learning System that allow Team Members, Online volunteer organisations to educate one another through Posts, Photos, Videos, blogging Updates. It also allow them to like, comments, and share Updates in real-time heavily powered by Airtable venerable Database and Airtable SDK.
The app has major functions for promoting online learning and eductions on Airtable:
1.)Post and Sharing of Blogs updates: This components allowed team collaborators to Publish Post, Blogging, Articles which are warehoused in Airtable database. Any Team member can Post updates. For instance, one can create a post to educate her invitees on how
to create table, view tables etc on Airtable.
Every member can express their learning through Likes, Comments on that particular post updates
2.)Photo and Sharing of Blogs updates: This components allowed team collaborators to Publish Post, Blogging, Articles etc along with Photo publishing option.
For instance, One can create a post and attach a photo showing a diagrammatic-al illustrations on how to navigate to some certain areas within the Airtable etc.
Every member can express their learning through Likes, Comments on that particular Posts and Video updates and photo sharing
3.)Video and Sharing updates: This components allowed team collaborators to Publish Post, Blogging, Articles etc along with Video Updates by publishing the Video URL
This video url must be either from Vimeo or youtube
For instance, a Volunteer Organisation create a post and share a Video to educate on coming volunteers
on neccessary thing needed to be done in the organisation to all new comers from within the Airtable Database App etc.
Every member can express their learning through Likes, Comments on that particular Posts and Video updates and photo sharing
4.)Admin signup: It allow the Admin to enter just her nickname. the nickname can be anything and all her personal data like name,userid,profile photos,email etc. will be pull from Airtable user session.and Collaborator SDK to create the account. The Admin is the one who controlls all the activity within the app. The Admin should be the first person to Access the app before inviting anyone to collaborate
5.)App Mode Runnability:
You can configure the Air Social App to run in Only Airtable Mode or to use both Airtable Mode and Socket.Io.
The default setting is: Airtable-Mode-Only which uses only AirTable Realtime Technology
Socket.IO provides additional realtime notification Push, sound notifications etc whenever someone posted Video, Posts, photos or add comments etc.
With Airtable Mode and Socket.Io. Enabled, the application will leverage both Airtable Realtime Technology Mode and nodejs server hosted somewhere eg at glitch.com to provide above additional above mentioned realtime data via Socket.Io
Dont worry, You can always change the app mode anytime by selecting the mode options and clicking the Update button.
6.)Register As Collaborators:
It allow the Invittee or Collaborators to enter just her nickname. the nickname can be anything and all her personal data like name,userid,profile photos,email etc. will be pull from Airtable user session.and Collaborator SDK to create the account. Once Registered, Invitee can click on Go Online to activate her online presence and can then start collaborating.
7.)Manage Collaborators: This allow the admin to Activate, Deactive, Ban, Unban and delete invitees account from the app
8.) Go Online: This allow all the collaborators to activate her online presence. It is compulsory that you activate your online presence before you can start doing anything in the app otherwise the app will not permit you This will enable all your team members to
see that you are online
9.) Go Offline: This allow all the collaborators to go offline. This will enable all your team members to see that you are offline
How I built it
Okay. I started by calling users data within Airtable Users session and Collaborator SDK to get get their session userid, names, email, profile pictures etc. which was used to dynamically update their account within the app. I started importing and calling all Airtable functional SDK like input, buttons, modal Dialog, Confirmation Dialog, Select API, Icons, Airtable SDK CreateRecords, Update, Delete function etc. All data are coded to send, update and retrieve data to and from Airtable venerable Realtime Database
The app operates in two 2 modes. The first mode was using Airtable Realtiime Technology only which is the default settings. The second Mode uses Both Airtable Realtiime Technology and Socket.io.. Why I also added the second optional mode is that if the collaborators wants to know when others Published Posts, Videos, Photos, comments and when new Updates arrived in a flash display, getting sound notification on new Post status updates arrival etc. This causes me additional coding efforts at its nodejs and socket.Io server side is hosted on glitch.com.
The app admin can always switch between the two app modes. You can setup the mode that is best for you
Challenges I ran into
Implementing real-time Posts updates, Photos ,videos, comments, like system etc withing just a single page by leveraging all available Airtable sdk tools is not easy.
Accomplishments that I'm proud of
What I submitted is just a start. Am working already in building a fully functional super advance realtime Social Network on on Airtable. Just relax and watch...
What I learned
While am new with reactjs. Airtable forces me to move from old Reactjs class coding approach to functional react hook coding approach. In the first place it was a hurdle for someone like me who is coming from jquery ,vuejs and angularjs world. Working with reactjs functional approach now seems to me to be best coding among all.
What's next for Air Social
This applications was written in a haste coupled with power outages that we normally have. You know what, my main Air Social system is already on the way and will be ready very soon. I mean very soon. I will launch a super featured, super multi-role functional Social Network on airtable that will be powered by Airtable SDK. I have been working on integrating facebook like chat within the Airsocial that will be also powered by Airtable Realtime Database. Building Control system to allow Admin's to monitor and audit any Posts,photos, Videos, comments. What I can do. oh what I can do on Airtable. just wait and see..
Log in or sign up for Devpost to join the conversation.