A modern chat application built with Next.js, React, and Tailwind CSS.

• Real-time chat functionality
• User authentication (login/register)
• Image upload support
• Emoji picker integration
• Responsive design
• Dark mode support

• Node.js 18.x or later
• npm or yarn

1. Clone the repository

2. Install dependencies:

   npm install
   # or
   yarn install

3. Start the development server:

   npm run dev
   # or
   yarn dev

4. Open http://localhost:3000 in your browser

1. The application is configured to use the backend at https://mayflask.vercel.app

2. Deploy to Vercel:

   vercel

3. No additional environment variables are needed as the API URL is hardcoded in next.config.js

frontend/
├── src/
│   ├── app/
│   │   ├── globals.css
│   │   ├── layout.tsx
│   │   └── page.tsx
│   └── components/
├── public/
├── next.config.js
├── package.json
├── postcss.config.js
├── tailwind.config.js
└── tsconfig.json

• Next.js 14
• React 18
• TypeScript
• Tailwind CSS
• Emoji Picker React

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.