This is a real-time chat application built using Next.js, NextAuth.js for authentication, Prisma for database management, and Cloudinary for image sharing.
- User authentication with NextAuth.js
- Real-time messaging with Prisma and MongoDB
- Image sharing using Cloudinary
- Responsive design for various screen sizes
Before running this project locally, ensure you have the following installed:
- Node.js
- MongoDB
- Cloudinary account
-
Clone this repository:
git clone <repository-url>
-
Install dependencies:
cd nextjs-chat-app npm install
-
Configure NextAuth.js:
- Follow the instructions in the NextAuth.js documentation to set up authentication.
-
Set up Prisma:
- Initialize Prisma and configure your database connection.
-
Integrate Cloudinary:
- Set up Cloudinary for image uploading.
-
Run the development server:
npm run dev
-
Open http://localhost:3000 in your browser to see the app.
/pages
: Next.js pages and API routes./components
: React components for building the chat interface./prisma
: Prisma schema and database configuration./public
: Static assets like images and fonts./styles
: CSS stylesheets for styling the app.
Contributions are welcome! If you have any ideas, enhancements, or bug fixes, feel free to open an issue or submit a pull request.
This project is licensed under the MIT License.