/

Parody Messenger Fullstack Application

Next JS | MongoDB | Pusher | Fullstack

Project

Overview

The goal of this project was to learn how to develop a fullstack application using Next.js and its server actions rather the usual MERN stack I am used to. I and used the Prisma ORM for the first time to organize and interact with the data that was being stored using MongoDB. I utilized Pusher to work along with MongoDB to achieve realtime updates when messages are sent back and forth. And for the first time I learned how used Cloudinary service to store images used for profile images and images sent in conversations. And styling React components with Tailwind CSS is always great experience. Overall a fun project and I see it as blueprint or reference for any future project I might have in the future that has a chat feature.

Technologies

Next.js

MongoDB

Prisma

Pusher

Cloudinary

Tailwind CSS

Typescript

Back