I made a chat app

so I made a chat app in 2 days

it’s like replyte but less features :+1:


this forum feels kinda dead ngl

only new topics are bugs, replit help, code help

this is the first new showcase in about a week



Yeah, 6 days. The sort by creation date list shows the gaps pretty well:


@QwertyQwerty88 Nice!

1 Like

@QwertyQwerty88 Just asking, how fo you get the user’s pfp to show up when posting? Not as in ReplAuth, but as in taking the image from auth into the HTML?
Is it storing the headers of the pfp in a variable, then return it to the html, before putting <img src="{{ pfp }}">?

1 Like

When a new message is created, I add a dictionary to db['messages'] which has another dictionary with user info:

def new_message(data: dict) -> None:
    data['timestamp'] = datetime.now().isoformat()
    data['user'] = {
        'name': users.current.username,
        'pfp': request.headers['x-replit-user-profile-image']  # <--
    emit('message', data, broadcast=True)
    print(f"{data['user']['name']} sent a message: {data}")

I use this info in chat.html by looping through the messages:

<div id="messages">
  {% for message in messages %}
  <div class="message">
    <img src="{{ message['user']['pfp'] }}" alt="PFP" class="pfp" />
    <span class="username">{{ message['user']['name'] }}</span>
    <span class="timestamp">{{ message['timestamp'] | format }}</span>
    <p>{{ message['content'] }}</p>
  {% else %}
  <p>No messages yet. Start the discussion!</p>
  {% endfor %}

And I define messages to be db['messages']:

def context_processor() -> dict:
    return {
        'none': None,
        'user': users.current,
        'messages': db['messages']  # <--
1 Like

This form is not advertised a lot for some reason