You are browsing as a guest. Sign up (or log in) to start making projects!

3h 21m 55s logged

Chat layout & profile

  • Made a placeholder layout for chat pages (for both channels and direct messages) with a left sidebar listing all the channels you’re in and all your direct messages (all the items are just placeholders for now), similar to Slack and Discord’s layouts
  • Added a message textarea/input field on the main chat area with options for formatting the text, inserting code and emoji, and uploading files. A “send” button also shows up when you type a message. None of these buttons work yet, I only made the layout
  • Added a profile customization page where you can customize your profile information (everything except for changing your profile picture works) that shares a layout with the other tabs
  • When you’re logged in and click on your user icon on the nav bar, an animated menu shows up where you can go to profile, settings, switch light/dark mode, or sign out, but only profile and sign out work
  • Added actual auth flow for both email/password and OAuth providers so you get signed in and redirected to chat automatically
  • Set up Google and GitHub’s OAuth tokens and stuff
  • Added backend server actions for auth and customization
  • Updated schema and types
  • Updated styling
0
9

Comments 0

No comments yet. Be the first!