Chat App

I made this chat app for multiple purposes :

• Building a project from scratch in React / Next.js with hooks
• Integration with Firebase
• Implementation of Typescript, Chakra-UI and OpenAi API

Live Demo :point_left:

Features

• Google sign in
• Toggle dark / light theme
• Responsive design
• Public & Private chats
• Gilbert bot (GPT-3)

Built with

• React
• Next.js
• Firebase
• TypeScript
• Chakra-UI
• React-firebase-hooks
• OpenAi API

Inspired by

• Messenger
• Michal Osman's project for The Odin Project

Lighthouse scores (Desktop)

Screenshots

Desktop

Mobile