Websocket Chat Application

Overview

Websocket Chat Application is a real-time chatting application built using Next.js, WebSockets, and Formik. This project demonstrates how to create a simple and interactive chat interface where users can send and receive messages in real-time.

Features

• Real-time Chatting: Users can send and receive messages in real-time using WebSockets.

• Simple Interface: The application provides a clean and user-friendly chat interface.

• Formik Integration: Formik is used for form management and validation.

• Chakra UI: Chakra UI provides a set of accessible and customizable UI components for the application's design.

Installation and Setup

1. Clone the repository

2. Navigate to the project folder

3. Install dependencies using npm install

4. Navigate to the server directory

5. Start the Websocket Server using node server.js

6. Navigate back to the root folder

7. Start the development server using npm run dev

8. Open your web browser and go to http://localhost:3000 to access the Websocket Chat Application.

How to Use

1. Enter your username and click on "Join" to enter the chat room.

2. Type your message in the input box at the bottom and press "Send" to send the message to the chat.

3. All connected users will see your message in real-time.

Technologies Used

• Next.js: A React framework for building server-side rendered applications.

• WebSockets: Used for real-time communication between users in the chat.

• Formik: A popular form management and validation library for React.

• Chakra UI: A simple and accessible UI component library for React.