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

Creating a Snapchat-like filter with Jeeliz’s FaceFilter API: Part 1, creating your first filter.

Understanding Data Layers (Without Using Databases)

Building a React Infinite Scroller Bit Component from Scratch

Setting up Ava with Wallaby.js

Some Fundamental concept about React.js

Angular vs React vs Blaze: Which Framework is best for your next Web and Mobile App

Area Chart using React.js d3.js & TypeScript with the help of d3-brush for interaction

What a State I’m In Part I: Exploring how to work with state in Reactjs

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

SaaS Product Designing with Ruby on Rails Framework

Get GraqhQL Playground up and running in NextJS

Using NanoSQL + IndexedDB for Fast Vue Mockups

Medusa: 2021 highlights — and a look into 2022