Chatroom Application

Project Overview:

A real-time chat application that allows a user to join a channel of their choosing and begin communicating. Users can toggle between light and dark mode and preserve their chat history.

Lessons:

This application was created to learn more about Web Sockets, Typescript, Django, Django rest framework, channels, simple authentication, and JWT.

Screenshots:

Front Page:

Channel Page Dark Mode:

Channel Page:

Front Page Dark Mode:

Custom Login Page:

Built with:

Frontend:

• React
• TypeScript
• Material UI

Backend:

• Django (DRF and channels)
• Python
• SwaggerUI
• JWT
• Uvicorn

Features:

• Ability to chat with other users in different channels.
• Can toggle between light and dark mode.