Chat app in React (hooks)

Here’s a simple chat app I created as an example of using (hooks flavoured) React with Firebase, all in TypeScript. It’s a little like the YouTube superchat thing, whereby everyone can log in with single click Google authentication and all chat to each other.

It features some framer-motion animation, React lazy loading and light/dark theme switcher. The project has some units tests, with E2E testing done using WebDriver and the Firebase Local Emulator Suite. The code is all available on GitHub.

You’ll need to ask me where it’s hosted if you wish to play with the live version, since I didn’t want to publish the live URL and have people spamming it – though it does also uses Firebase rules for basic security and bad word filtering to help keep things friendly.

supermegachat app