Skip to main content

How to create a social media app using your mobile phone





Ever wondered if you could build your own social media app?

Well it's possible and it's a lot easier than you think.

You could actually create a social media app using your phone. Yes, you heard that right. You can create a social media app using your android phone.(I'm sorry Apple users)

In this tutorial series I will show you how to create a your own social media app using Sketchware. Sketchware is an android app that creates other apps. You can download Sketchware from Google Playstore.


Before we start


Program Duration: 5 - 10 days (Estimated)

Recommended time per day: 2 hours per day (Recommended)

Depending on your accuracy and speed this should take about 5 days if you give yourself 2 hours a day. I'm pretty sure it can be done in about two days but you don't have to rush.

How this Sketchware tutorial works
The whole topic couldn't be covered in one article so I wrote a series of related articles which can be read individually to build a complete app. You can view each of these by clicking the respective links for each activity.


 



Sable app mockup

A mockup of my Sable business builder app


What we will do


Our app will be built on the following key pillars:

1. Firebase


Firebase is Google's platform developed for mobile app developers. It allows you to manage user authentication, database management and file storage. Firebase is free to use for small apps. 


Activity 1: Create and setup a firebase project


Sketchware comes with easy firebase integration and we will be using it for our app. You can create a firebase account by clicking here

Activity 2: Connect your Sketchware app to firebase.


The next step is to link your firebase project to your Sketchware project. Click the following link: How to connect your Sketchware app to Firebase


2. Create a login Screen


You will need to create a login screen to assign user credentials. This screen will help you get the user emails and allocate user IDs. 

It is important to know your users to so that you can save their data to a specific path. Having your user's emails also makes communication with them much easier. 

The login screen also makes it easier to find information that will be saved within your app.  The login screen also helps secure the users' information as well as your platform. It also helps protect your platform from abuse as you can easily identify offenders.

Activity 3: Create a login/signup page





3. Create the Profile section

Profile screenshot
A sample user profile with an image

This is where the user gets to customize their personal details or information. This is their own space in your app. They also add or determine what information will be publicly displayed.

Activity 4: Create user profile 


Click here for the full tutorial on how to create a the user profile section of your social media app.



4. User list

User list



This will be a list of your users and it will show new users who is using your app and allow them to send direct messages. This is also an opportunity to allow your users to showcase their individuality by displaying a profile picture and a nice status or whatever you have in mind.

Activity 5





5. Add the Forum/Public wall

This is where your users will upload public posts. The forum is an integral part of any social media app. Here your users will see what other users have posted and be able to like it or comment. The more engaging your forum is, the more time your users will spend in your app and the more likely they will convince others to join.


Social media app forum
A forum(wall) showing text only post as well as with images



Sable wall without images

Activity 6





6. One to one chat(Coming soon... too)

Private chat created in Sketchware
The private chat screen as seen on a Samsung tablet

The users will be able to interact by sending each other private messages. The message will display text and time or date. The textviews will be linkified so any links will be visible and clickable. The user can also attach images.














Comments

Halat e hazra said…
hello sir i am trying many time to read this tutorial but here you add a link for tutorial its not working please resolve its problem thanks its mean your post good but its not proper

Popular posts from this blog

Hip hop and RnB songs to apologize to your partner

Love is a beautiful thing, but it often goes wrong. This often leads to pain, suffering and sorrow.  Being imperfect beings, hearts tend to get broken all the time regardless how hard we may try to avoid it.  The heartbreak is often inadvertent but at times we find ourselves in the wrong. An oversight, a word unsaid or even a lapse in our judgement can cause our loved ones harm. This doesn't always have to be the end though. Oftentimes, relationships can be mended by simply uttering three simple words: "I AM SORRY". This article is a collection of some of my favourite 'I'm sorry' songs. I hope you'll enjoy these apology songs, but more importantly, I hope you will get a few quotables and some wisdom nuggets from them.  The best apology however, is to change behaviour (got that from a Jay Z interview) so as you apologize, please remember that it was your actions that hurt them. The best apology is one which involves you not repeating those same mistakes aga

Php date: How to get the first and last day of the week

In this tutorial, I'll show you how to get the first and last day of the week in php. By default, in PHP the week runs from Monday to Sunday. However we'll cover two methods to get the first and last day for both those who consider Sunday or Monday as their first day of the week. We will be using 2 functions to achieve this: date() strtotime() We will use a combination of these two functions and store the result in a variable.  How to get the first day of the week If you want to get Sunday, use this method: $firstday = date('l Y-m-d', strtotime("sunday -1 week")); echo $firstday; If you want to get the date for Monday, this current week, use this method: $monday = date('l Y-m-d', strtotime("monday -1 week ")); echo $monday; How to get the last day of the week The following code will give you Saturday as the last day of the current week. $lastday = date('l Y-m-d', strtotime("saturday 0 week")); echo $last

How to easily create background notifications in Sketchware(original)

How to easily create background notifications in Sketchware(original) One of the keys to building a successful app is to find mechanisms that will keep your users engaged. You can do this by using background notifications. This tutorial will show you how to do that in Sketchware. We will cover: 1. How to create notifications in Sketchware 2. How to show these notifications even when the app is closed.