Overview of My Submission
Inspiration: A while ago, I and a friend were planning a community forum intending to help programming beginners, so we planned to use discord, but then there was a constraint, he wanted a platform with audio messages like WhatsApp (because according to him, he prefers them than text messages), but WhatsApp isn't suitable for such forum, as a result of that, the idea was placed on hold,
But then, when I came across the Redis hackathon, I felt oh!, this might be the right time to build something, and that was how Viby was born.
Submission Category:
MEAN/MERN Mavericks: Build a new (or port an existing OSS) MEAN/MERN stack app and use Redis in one of the following three ways.
[Optional: Video Explainer of My Project]
Language Used
NodeJS
Typescript
Link to Code
GitHub Repo:
Lucky-victory
/
viby
Discord-like Chat App with audio message.
Viby - discord-like chat app
Viby is a discord-like chat application but with audio message like WhatsApp
Homepage
Sign up page
create channel preview
create room preview
profile preview
Audio preview
you can play your audio message before sending
chat preview
chat options preview
you can edit, copy and delete a message
Redis insight
showing some data
Overview video (Optional)
Here's a short video that explains the project and how to use it:
How it works
Viby consist of two parts,
- Frontend: Built with Angular and Ionic, uses an API and web socket (socket.io) to interact with the backend.
- Backend: Uses RedisJSON and RedisSearch for storage, and exposes endpoints for the frontend to interact with, as well web socket (socket.io);
How the data is stored:
The data is stored using RedisJSON
it uses node redis-om to store data
in form of Entities, Each Entity is accessed through a Repository,
…
Additional Resources / Info
Homepage preview
Chat page preview
Audio preview
Actions preview
Redis insight preview
If given the opportunity, I would love to fully complete and improve the application.
- Check out Redis OM, client libraries for working with Redis as a multi-model database.
- Use RedisInsight to visualize your data in Redis.
- Sign up for a free Redis database.
Top comments (0)