https://github.com/szilvia-csernus/chat-app

Chat Application, built with Next.js
https://github.com/szilvia-csernus/chat-app

app-router-nextjs authjs-v5 cloudinary nextjs15 postgresql prisma pusher redux redux-toolkit tailwindcss typescript

Last synced: 6 months ago
JSON representation

Chat Application, built with Next.js

• Host: GitHub
• URL: https://github.com/szilvia-csernus/chat-app
• Owner: szilvia-csernus
• Created: 2024-10-17T11:52:18.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-12-05T12:02:36.000Z (7 months ago)
• Last Synced: 2025-12-08T17:25:44.561Z (7 months ago)
• Topics: app-router-nextjs, authjs-v5, cloudinary, nextjs15, postgresql, prisma, pusher, redux, redux-toolkit, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://chat-app-ebon-theta.vercel.app
• Size: 3.19 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Chat App

An interactive chat application built with [Next.js](https://nextjs.org). This app allows users to exchange text messages with each other in real-time in a clean and responsive user interface.

![Chat image](src/assets/chat-page.webp)

## Try the live application here

[https://chat-app-ebon-theta.vercel.app/](https://chat-app-ebon-theta.vercel.app/)

---

## Features

- **User Authentication**: [Auth.js](https://authjs.dev) is used for secure user authentication. OAuth Providers: Google, GitHub and LinkedIn.

- **Real-Time Data Delivery**: [Pusher](https://pusher.com) is utilised for real-time messages and user updates.

- **Responsive Design**: Fully optimized for desktop and mobile devices.

- **User Profiles**: View, edit and delete user profiles.

- **Dark Mode**: Seamless light and dark mode support.

- **Full Marks in Chrome Dev LightHouse tests**:

![Lighthouse](readme-images/Lighthouse.webp)

---

## Technologies Used

- **Full Stack Framework**: [Next.js @v15 App Router](https://nextjs.org) with [TypeScript](https://www.typescriptlang.org)

- **Styling**: [Tailwind CSS](https://tailwindcss.com), [HeroUI](https://heroui.com), [ReactIcons](https://react-icons.github.io/react-icons/)

- **Database**: [PostgreSQL](https://www.postgresql.org) with [Prisma](https://www.prisma.io), running on [NEON](https://neon.tech) in production, and [Docker](https://www.docker.com) for local development.

- **Authentication**: [Auth.js @v5(beta)](https://authjs.dev) for secure user authentication.

- **Real-Time Messaging**: [Pusher](https://pusher.com)

- **Front-End State Management**: [Redux RTK](https://redux.js.org) for comprehensive state management.

- **Image processing and storage**: [Cloudinary](https://cloudinary.com)

- **Deployment**: [Vercel](https://vercel.com), [Neon](https://neon.tech)

---

## Credits

### Images

Grumpy: [https://www.disneyclips.com/images4/snowwhite-grumpy.html](https://www.disneyclips.com/images4/snowwhite-grumpy.html)

Happy: [https://www.disneyclips.com/images4/snowwhite-happy.html](https://www.disneyclips.com/images4/snowwhite-happy.html)