Ink Chat - Real-Time Chat Application

  • React
  • Tailwind CSS
  • TypeScript
  • Express
  • Node
  • PostgreSQL
  • Socket.IO

Ink Chat is a real-time chat application where users can send messages to others, view their messages, maintain a message history, and see which users are online.

Code Preview

Screenshots

Full Description

Ink Chat is a real-time chat application built using a tech stack that includes React for the front-end, Express and Node.js for the back-end, and PostgreSQL for storing messages and user information. I used TypeScript for both the front-end and back-end to ensure stronger typing and reduce errors during development.

The application’s key feature is its use of libraries and tools like Shadcn UI, a popular UI component library for creating modern and attractive websites, and Socket.IO for real-time communication between client and server using WebSockets.

For the back-end, I used Express, a Node.js framework that simplifies web application and API development, and PostgreSQL as the relational database for storing messages and user data.

I loved the development process, as it taught me a lot about using WebSockets for real-time communication and their common applications in web development.