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 bash git clone https://github.com/WebChatAppAi/webchat.git cd webchat

2. Install dependencies bash 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="your-email@example.com" EMAIL_SERVER_PASSWORD="your-email-password" EMAIL_FROM="your-email@example.com" ```

1. Start the development server bash 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.