MERN Stack Chat App #1

#webdev #javascript #productivity #react

Hello, everyone! I will be sharing this journey of coding a MERN Stack Chat App. I will be sharing code snippets, as well as, screenshots of the frontend (not finalized).
P.S. I won't be going in-depth with everything I do.

Technologies

The main language I will be using is JavaScript.
Frameworks: React(Vite), TailwindCSS, Node, Express, and MongoDB

Color Palette Generator: https://coolors.co/

Start!

Created a repository and cloned it to my local desktop.
Created a Client folder by creating a vite app and naming it client.
Created a Server folder separate from the Client folder for the backend. File Structure Make sure to keep your files organized!
Installed the following dependencies in the client-side.
Installed the following dependencies to server side.

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post