Web Chat App

Login Page

Register Page

OTP Page

OTP Email

Profile

Chat Page

New Chat

Dark Mode

Light Mode

Message Statistics

Deployment

Web Chat App is deployed at Vercel and can be accessed by clicking here

Features

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

Technologies

This is a Next.js project bootstrapped with create-next-app.

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

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 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 can be accessed on 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 instead of React pages.

Learn More

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!

Deploy on Vercel

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.

Error deploying in vercel

Trouble

When trying to deploy in vercel, an error appears saying that there is no "public" folder. Try many methods such as changing the master directory of the project or changing the directory to "./client".
In most cases it appears as an error when deploying and in a few cases the page "./client/public" appears

Page on "./client/public"

Logs

[19:14:41.699] Running build in Washington, D.C., USA (East) – iad1
[19:14:41.933] Cloning github.com/vicentefelipechile/sofiadk6 (Branch: main, Commit: 74b4ed5)
[19:14:42.332] Cloning completed: 399.153ms
[19:14:46.353] Restored build cache
[19:14:46.437] Running "vercel build"
[19:14:46.961] Vercel CLI 33.2.0
[19:14:47.759] Installing dependencies...
[19:14:48.747] yarn install v1.22.17
[19:14:48.812] info No lockfile found.
[19:14:48.819] [1/4] Resolving packages...
[19:14:49.202] [2/4] Fetching packages...
[19:14:53.476] [3/4] Linking dependencies...
[19:14:56.881] [4/4] Building fresh packages...
[19:14:56.885] success Saved lockfile.
[19:14:56.889] Done in 8.15s.
[19:14:56.909] Running "yarn run build"
[19:14:57.087] yarn run v1.22.17
[19:14:57.127] $ cd server && yarn && cd ../client && yarn && yarn run build
[19:14:57.339] info No lockfile found.
[19:14:57.346] [1/5] Validating package.json...
[19:14:57.349] [2/5] Resolving packages...
[19:15:00.752] [3/5] Fetching packages...
[19:15:04.123] [4/5] Linking dependencies...
[19:15:05.747] [5/5] Building fresh packages...
[19:15:05.976] success Saved lockfile.
[19:15:06.211] info No lockfile found.
[19:15:06.217] [1/4] Resolving packages...
[19:15:10.887] warning @dicebear/[email protected]: This package is deprecated. Use '@dicebear/core' instead. Read more: https://dicebear.com/how-to-use/js-library
[19:15:11.758] warning @dicebear/[email protected]: This package is deprecated. Use '@dicebear/avataaars' instead. Read more: https://dicebear.com/styles/avataaars
[19:15:12.308] warning @dicebear/[email protected]: This package is deprecated. Use '@dicebear/bottts' instead. Read more: https://dicebear.com/styles/bottts
[19:15:17.743] warning [email protected]: Package moved to @redux-devtools/extension.
[19:15:17.788] [2/4] Fetching packages...
[19:15:34.604] [3/4] Linking dependencies...
[19:15:34.605] warning " > @chakra-ui/[email protected]" has unmet peer dependency "@chakra-ui/system@>=2.0.0".
[19:15:34.606] warning "@chakra-ui/icons > @chakra-ui/[email protected]" has unmet peer dependency "@chakra-ui/system@>=2.0.0".
[19:15:34.611] warning " > [email protected]" has unmet peer dependency "prop-types@^15.7.2".
[19:15:39.743] [4/4] Building fresh packages...
[19:15:39.795] success Saved lockfile.
[19:15:40.045] $ next build
[19:15:42.724] Attention: Next.js now collects completely anonymous telemetry regarding usage.
[19:15:42.725] This information is used to shape Next.js' roadmap and prioritize features.
[19:15:42.725] You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
[19:15:42.725] https://nextjs.org/telemetry
[19:15:42.726] 
[19:15:42.821]    Linting and checking validity of types ...
[19:15:43.028]    Creating an optimized production build ...
[19:15:59.827]  ✓ Compiled successfully
[19:15:59.829]    Collecting page data ...
[19:16:01.936]    Generating static pages (0/6) ...
[19:16:02.436] 
   Generating static pages (1/6) 
[19:16:02.576] 
   Generating static pages (2/6) 
[19:16:02.736] 
   Generating static pages (4/6) 
[19:16:02.878] 
 ✓ Generating static pages (6/6) 
[19:16:03.351]    Finalizing page optimization ...
[19:16:03.352]    Collecting build traces ...
[19:16:16.948] 
[19:16:16.952] Route (pages)                              Size     First Load JS
[19:16:16.952] ┌ ○ /                                      2.98 kB         202 kB
[19:16:16.953] ├   /_app                                  0 B             174 kB
[19:16:16.953] ├ ○ /404                                   3.3 kB          177 kB
[19:16:16.953] ├ ○ /chat                                  50 kB           249 kB
[19:16:16.953] ├ ○ /otp                                   2.24 kB         201 kB
[19:16:16.954] └ ○ /register                              4.12 kB         203 kB
[19:16:16.954] + First Load JS shared by all              174 kB
[19:16:16.954]   ├ chunks/framework-0c7baedefba6b077.js   45.3 kB
[19:16:16.954]   ├ chunks/main-c379b48138cf9870.js        32.8 kB
[19:16:16.954]   ├ chunks/pages/_app-9bcefb36016816f5.js  94.9 kB
[19:16:16.954]   └ chunks/webpack-5f93e287a529fdfa.js     1.07 kB
[19:16:16.955] 
[19:16:16.955] ○  (Static)  automatically rendered as static HTML (uses no initial props)
[19:16:16.955] 
[19:16:17.045] Done in 79.96s.
[19:16:17.066] Error: No Output Directory named "public" found after the Build completed. You can configure the Output Directory in your Project Settings.
[19:16:17.066] Learn More: https://vercel.link/missing-public-directory
[19:16:17.486]

daniel-jebarson / web-chat-app Goto Github PK

web-chat-app's Introduction