Phoenix LiveView: Chat App with TailwindCSS and POW Auth (Boilerplate)

With my latest discovery of Phoenix LiveView and a fresh mind from Pragmatic Studio’s Phoenix LiveView tutorial, I challenged myself to create a fully functional chat application.

And in addition to that, I’ve added an authentication layer using POW Auth and install TailwindCSS.

This project is a great boilerplate if you’re planning to build your own chat application or you’re just starting to learn LiveView just like me.

Features Included:

- Authentication using POW Auth
- Integrate TailwindCSS Framework
- Realtime Messaging (LiveView, PubSub)
- Unread messages counter (automatically reads all messages when the conversation was open)
- Latest message preview (beside unread messages counter)
- Search conversation feature
- Messages grouped by date sent


Happy Coding!!!




Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Understand the Javascript Promise

All you need to know about Recursion

JavaScript? ECMAScript? JS? ES? ECMA-262? TC39?

Writing super reusable components

Reciprocally assigning object properties in JS

Project Showcase — Yes, 50+ more code projects from hungry learners leveling up their skills!

Loading config files from Wildfly modules

Take part in the Solcial contest with prize pool 100k SLCL

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Alvin Rapada

Alvin Rapada

More from Medium

A brief overview of Publishing and Resolving NPM packages privately

WebSocket is the turning point for developers

🍪🍪 Cookies with Express.js, Nodemon, ESM, Cookie Parser and Cookie Session

Help Wanted: Node Addon API’s Road to Full Unit Test Coverage