Jump to content

FB like messaging system


zervis
 Share

Recommended Posts

Hey,

I need a tip to build FB like messaging system:

lazy.thumb.PNG.5e7749c30016c64f19e60022013d8dbb.PNG

This is my shoutbox. I'm using lazy loading, and it's great for shoutbox, but for messages I'd like to reverse that - message window on the bottom, newest messages on the bottom (with lazy loading). I'm stuck on this one.

For shoutbox I'm using:

$msg->children("sort=-created, limit=3");

For lazy loading I'm using pagination. 

 

It should look like that, but how to limit messages (let's say show 10 newest)?

lazy2.PNG.afc199ecb86fd9bae97abc464c076a53.PNG

Thanks!

Link to comment
Share on other sites

On 26/02/2017 at 8:17 PM, zervis said:

Hey,

I need a tip to build FB like messaging system:

lazy.thumb.PNG.5e7749c30016c64f19e60022013d8dbb.PNG

This is my shoutbox. I'm using lazy loading, and it's great for shoutbox, but for messages I'd like to reverse that - message window on the bottom, newest messages on the bottom (with lazy loading). I'm stuck on this one.

Thanks!

Did you build this whole thing with processwire or is it an add-on from somewhere? I like the idea of this. Thanks.

  • Like 1
Link to comment
Share on other sites

  • 1 month later...

@SamC, I'm using Processwire with INFINITE AJAX SCROLL + semantic-ui. 

Messaging system is not yet working as I'd like it.

I came up with this idea for amigo.today. It's something like tinder, but for social events. 

User provides age and city name during sign-up, the I'm using Google API to set geolocation based on the city name/street (that can be updated later in profile).
There is also age filter (max difference in age), and gender is mixed to not making it dating site.

Every event last max for 7 days, after that they vanish. Users can join events, and after that they can review amigo. More recomendations results in bigger green recomendation bar. Leaving opinion without recomendation result in excluding user both ways (they can't see each other events).

If there is no events you can always search by tags on the left side (categories) for last active user in that category (created/joined event in that category) and contact that person (and.. messaging system is not yet perfect).

 

Events wall.

amigo.thumb.PNG.2f4e94417641cb8ea3c91ed834fb89f9.PNG

Event page, host on the left, on the right side participients (1).

event.thumb.PNG.f18899d1bcd5a1dfb424fed274e63da9.PNG

It looks simple, and works on mobile too.

 

  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...