Skip to main content

Facebook News Feed Like using PHP/MySQLi with Source Code

Language

Project: Facebook News Feed Like using PHP/MySQLi

About

The Facebook News Feed Like is a PHP/MySQLi project that shows how to create a social networking news feed like Facebook. This system focuses only on the news feed of Facebook or the commonly called Facebook posts. The system also has a registration for the user account like Facebook but only stores limited information for this project. The UI or User Interface of this "Facebook news feed like" was based on the classic UI version and the modern UI of the Facebook web application. The posted feeds also allow the users to upload images/videos and displays in a grid-like on Facebook. The images and videos posted has also a modal viewer. The grid-style gallery post in this system limits only 4 images, videos, or combined file but same as the Facebook the grid shows a text to the last file displayed of the post if there are more uploaded file in a post is not being displayed and the uploaded file can be view or access by clicking in any images or videos in a post to open the viewer modal. The file uploaded post viewer modal has 2 sides of the panel which is one is for the images and videos uploaded slide field and the post details and comments to the other panel of the modal. This project allows only 2 options of the visibility type of the post which are the Public and "only me" options. The posts that are visible to the public will be displayed on the home news feed and the "only me" posts will be displayed on the user profile page. This Facebook newsfeed like project also has a like and comment feature for the posts.

Features/Functionalities

  • Registration Modal
    • The page where the user creates their account.
  • Login Page
    • The page where the user will submit their system credentials.
  • Home Page
    • Displays the news feeds or posts that are visible to the public.
  • Post's Uploaded Images/Videos Viewer
    • The modal that displays the uploaded files in a post.
  • Comment Section
    • The section or part of the post that displays the comments of the post.
  • Profile Page
    • The page where the user details are shown including the cover photo and profile picture of the user. This where can users updated their profile picture and cover photo.

The Facebook News Feed Like was developed using HTML, PHP/MySQLi, CSS, JavaScript (jQuery/Ajax), and Bootstrap for the design. The source code is fully functional and easy to modify or enhance. Follow the instruction below to have an actual experience using this simple project.

How to Run

  1. Download the source code and extract the zip file.
  2. Download or set up any local web server that runs PHP script.
  3. Open the web-server database and create a new database name it fb_db.
  4. Import the SQL file located in the database folder of the source code.
  5. Copy and paste the source code to the location where your local web server accessing your local projects. Example for XAMPP('C:\xampp\htdocs')
  6. Open a web browser and browse the project. E.g [http://localhost/facebook-news-feed-like]

Sample User Access

Email: [email protected]
Password: jsmith123

I hope this simple Facebook News Feed Like will help you with what you are looking for, feel free to download and modify the source code.

Explore more on this website for more source codes and tutorials.

Enjoy!

Note: Due to the size or complexity of this submission, the author has submitted it as a .zip file to shorten your download time. After downloading it, you will need a program like Winzip to decompress it.

Virus note: All files are scanned once-a-day by SourceCodester.com for viruses, but new viruses come out every day, so no prevention program can catch 100% of them.

FOR YOUR OWN SAFETY, PLEASE:

1. Re-scan downloaded files using your personal virus checker before using it.
2. NEVER, EVER run compiled files (.exe's, .ocx's, .dll's etc.)--only run source code.

Add new comment