web-chat-app

KO | EN

gitlite — search

#python #hacktoberfest #ai #typescript #llm #golang #go #machine-learning #nodejs #windows #vue #pytorch #security #mcp

(★ 85)

An app made with NextJs to help each other communicate fastly and securely

web-chat-app 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# <h1 align="center">Web Chat App</h1>

## Login Page
![image](https://user-images.githubusercontent.com/88134306/227575211-22ae017e-d0c8-421f-9440-d326233a3d75.png)

## Register Page
![image](https://user-images.githubusercontent.com/88134306/216806064-6ad51c10-355c-4b7d-9753-eddbea10a3e7.png)

## OTP Page
![image](https://user-images.githubusercontent.com/88134306/227575608-99bd80db-b5d4-4e6d-bae5-2e8b09729643.png)

## OTP Email
![image](https://user-images.githubusercontent.com/88134306/227575982-b580f1f8-0b17-47ea-85ef-5c21112eaf5b.png)

## Profile
![image](https://user-images.githubusercontent.com/88134306/216806091-dd33ecbe-7fb3-431d-8444-3a4dc7d5fd3e.png)

## Chat Page
![image](https://user-images.githubusercontent.com/88134306/216806005-90dd588a-b771-4f92-b8e7-1e857f7567a0.png)

## New Chat
![image](https://user-images.githubusercontent.com/88134306/216806020-a90a267c-3957-4be8-9e1f-c3a1a4d19a93.png)

## Dark Mode
![image](https://user-images.githubusercontent.com/88134306/227576773-06c3a1d2-0a1a-4ab2-8d1f-e06d71408410.png)

## Light Mode
![image](https://user-images.githubusercontent.com/88134306/227576849-78bd8cd5-f148-4633-9543-bc72feea7126.png)

## Message Statistics
![image](https://user-images.githubusercontent.com/88134306/227576979-408f0bfb-9980-49ba-9228-c54d70b566b1.png)

## Deployment

Web Chat App is deployed at [Vercel](https://vercel.com/) and can be accessed by clicking [here](https://web-chat-app-brown.vercel.app//)

## Features

- UI changes according to modes
- Reliable
- Realtime message updates
- Email verification
- Fast and secure

## Technologies

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
 
 

![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)

![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

![Chakra](https://img.shields.io/badge/chakra-%234ED1C5.svg?style=for-the-badge&logo=chakraui&logoColor=white)


![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB)


![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white)

> Suggestions are also welcome

## Support

If you think that this app helped you in studies or gave new ideas please give your support by giving star to the repo in github 😋

## Installing Guide

First, clone the repo

```bash 
cd web-chat-app
yarn global add concurrently

#then install packages and build it
yarn run build

#then run the app
yarn run dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## Further Development on routes

You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

## Learn More

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

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

web-chat-app

web-chat-app 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

web-chat-app

web-chat-app 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README