Facebook newsfeed

Experimental project created by the community of MDB

"Facebook newsfeed" by Michal Szymanski

Desktop

Bootstrap 5 Facebok LAB Project

Mobile

Bootstrap 5 Facebook LAB Project

Description

The most famous social networking site recreated in Material Design 2.0 using MDB 5.

The project includes the user's newsfeed, along with the typical three-column layout and social media navigation.

Live demo & source code

From the creator, about the project:

Avatar

Michal Szymanski

Creating this project was quite a challenge and gave me a lot of fun. I wanted to keep the characteristic features of Facebook design, but at the same time add some flavor typical of MDB.

The mobile version caused me a lot of trouble. Both navbar and side navigation are overloaded with features. This is not a problem on the desktop, but maintaining it on mobile is a challenge.

However, after quite a long fight and with the help of Bootstrap display utilities and custom media queries, I managed to get a very satisfying result.