npx mcpbar@latest install WebChatAppAi/webchat -c claude

npx mcpbar@latest edit -c claude

{
  "mcpServers": {
    "Web Chat Application": {
      "command": "npx",
      "args": [
        "-y",
        "chat-app"
      ],
      "env": {}
    }
  }
}

WebChat Application

📌 Overview

A modern real-time web chat application built with Next.js, Prisma, and NextAuth.js. This application provides secure authentication and real-time messaging capabilities in a sleek, responsive interface.

✨ Features

• Real-time messaging
• Email-based authentication with NextAuth.js
• SQLite database with Prisma ORM
• Responsive UI with Tailwind CSS

🚀 Getting Started

Prerequisites

• Node.js (v14 or later recommended)
• npm or yarn
• [Any other prerequisites]

Installation

1. Clone the repository

   git clone https://github.com/WebChatAppAi/webchat.git
   cd webchat
   

2. Install dependencies

   npm install
   # or
   yarn install
   

3. Create a .env file in the root directory with the following variables:

   # Prisma
   DATABASE_URL="file:./dev.db"
   
   # NextAuth.js
   # Generate a random string for NEXTAUTH_SECRET (e.g., using `openssl rand -base64 32` or an online generator)
   NEXTAUTH_SECRET="your_nextauth_secret"
   NEXTAUTH_URL="http://localhost:3000" # Replace with your deployment URL in production
   
   # Email Provider (for NextAuth.js)
   # For development, NextAuth will log email links to the console if you don't provide real email credentials
   EMAIL_SERVER_HOST="smtp.your-email-provider.com"
   EMAIL_SERVER_PORT="465"
   EMAIL_SERVER_USER="[email protected]"
   EMAIL_SERVER_PASSWORD="your-email-password"
   EMAIL_FROM="[email protected]"
   

4. Start the development server

   npm run dev
   # or
   yarn dev
   

🛠️ Technologies Used

• Frontend & Backend: Next.js 14 (App Router)
• Language: TypeScript
• Database: SQLite with Prisma ORM
• Authentication: NextAuth.js
• Styling: TailwindCSS
• UI Components: Shadcn UI

📋 Project Structure

webchat/
├── prisma/            # Prisma schema and migrations
├── public/            # Static assets
├── src/               # Next.js application code
│   ├── app/           # App router pages and components
│   ├── components/    # Reusable UI components
│   └── lib/           # Utility functions and configurations
├── .env               # Environment variables (not committed)
├── .gitignore         # Git ignore rules
├── next.config.ts     # Next.js configuration
└── README.md          # This file

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.