An interactive chat application built with Next.js. This app allows users to exchange text messages with each other in real-time in a clean and responsive user interface.
https://chat-app-ebon-theta.vercel.app/
- User Authentication: Auth.js is used for secure user authentication. OAuth Providers: Google, GitHub and LinkedIn.
- Real-Time Data Delivery: Pusher 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:
- Full Stack Framework: Next.js @v15 App Router with TypeScript
- Styling: Tailwind CSS, HeroUI, ReactIcons
- Database: PostgreSQL with Prisma, running on NEON in production, and Docker for local development.
- Authentication: Auth.js @v5(beta) for secure user authentication.
- Real-Time Messaging: Pusher
- Front-End State Management: Redux RTK for comprehensive state management.
- Image processing and storage: Cloudinary for image storage, Vercel for deployment.
- Deployment: Vercel, Neon for database hosting.
Grumpy: https://www.disneyclips.com/images4/snowwhite-grumpy.html
Happy: https://www.disneyclips.com/images4/snowwhite-happy.html