Rakshit-gen / setup-text

A Secure ChatWebApp made using Next.js and MongoDB

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Next.js Chat App with NextAuth.js, Prisma, and Cloudinary

This is a real-time chat application built using Next.js, NextAuth.js for authentication, Prisma for database management, and Cloudinary for image sharing.

Features

  • User authentication with NextAuth.js
  • Real-time messaging with Prisma and MongoDB
  • Image sharing using Cloudinary
  • Responsive design for various screen sizes

Prerequisites

Before running this project locally, ensure you have the following installed:

  • Node.js
  • MongoDB
  • Cloudinary account

Getting Started

  1. Clone this repository:

    git clone <repository-url>
  2. Install dependencies:

    cd nextjs-chat-app
    npm install
  3. Configure NextAuth.js:

    • Follow the instructions in the NextAuth.js documentation to set up authentication.
  4. Set up Prisma:

    • Initialize Prisma and configure your database connection.
  5. Integrate Cloudinary:

    • Set up Cloudinary for image uploading.
  6. Run the development server:

    npm run dev
  7. Open http://localhost:3000 in your browser to see the app.

Folder Structure

  • /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.

Contributing

Contributions are welcome! If you have any ideas, enhancements, or bug fixes, feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License.

About

A Secure ChatWebApp made using Next.js and MongoDB


Languages

Language:TypeScript 99.4%Language:JavaScript 0.5%Language:CSS 0.1%