Lux Chat is a modern messaging application built with Next.js, Pusher, Tailwind CSS, Prisma with PostgreSQL, and TypeScript. It offers a range of features designed to enhance the chat experience.
-
Daily Message Deletion: Every day at 4 AM, all messages are automatically deleted.
-
Username Profile: Users can create a Lux Chat profile using just their username.
-
Nuclear Mode: With a single click, all messages and users can be deleted.
-
Messenger-Like UI: Lux Chat features a Messenger-like UI for discreet messaging.
This screenshot shows the Lux Chat dashboard, providing an overview of the user's conversations and notifications.
The landing screenshot showcases the Lux Chat landing page, featuring an attractive and user-friendly design.
This screenshot demonstrates the Lux Chat mobile chat interface, optimized for a seamless messaging experience on mobile devices.
Lux Chat is deployed using Vercel, providing a seamless hosting experience.
- Next.js: A React framework for building server-side rendered and static websites.
- Pusher: A real-time communication platform that enables bi-directional communication between servers and clients.
- Tailwind CSS: A utility-first CSS framework for quickly building custom designs.
- Prisma with PostgreSQL: A modern database toolkit for TypeScript and Node.js.
- TypeScript: A statically typed superset of JavaScript that compiles to plain JavaScript.
Clone the repository and install the dependencies: This is a Next.js project
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/route.ts. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.