Real-time Chat App with Vue 3, Vuetify 3 and Websockets

Live Demo: https://www.ponderpal.chat

Swagger

Tech Stack:

• Vue 3 Composition API (script setup)
• Vuetify 3
• Websockets
• Pinia for store management
• Axios for HTTP Requests
• Vee-validate, vue-router and vue3-emoji-picker

Features

• Real-time messaging with Websockets
• Google oauth2 authentication
• Count unread messages: per chat and total count
• Monitor friends' statuses
• Track message delivery/read statuses: sending, sent and read
• See if friend is typing
• Toggle between teal/midnight themes
• Google Analytics integration

Fully Async Backend with:

• FastAPI, Websockets, Pydantic 2
• Postgres (asyncpg), async Redis (PubSub and Cache)
• async SQLAlchemy 2