Skip to content
Visit the web application:
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Social Page

A simple web application for you to learn more about your friends and connect with them.


  • Listing friends’ profile from profile API
  • Display country flag on friends’ profile from REST Countries API
  • Filter profile based on genders
  • Display random profiles for you to connect
  • Add profiles to your favorite list
  • Manage your favorite list

Favorite List

  • Click the Heart Icon on the profile to keep it on or remove from the favorite list.
  • Click the orange button with heart and number of saved profile at the right bottom part of the page to check out the favorite list.

Display Profile

  • Click Male or Female button to filter profiles
  • Click Random Pick button to find 4 random profiles to connect

Website Display

GitHub page image

You can’t perform that action at this time.