Welcome to my Next.js chat app! This project aims to create a real-time chat experience using Next.js, React, WebRTC and many more. Whether you’re building a community platform, a support chat, or just want to chat with your friends (no judgment here!😅), this app has got you covered.
- Real-time messaging: Say goodbye to those pesky page refreshes!
- User authentication: Secure your chat rooms.
- Attachments sharing: Because we love to share memories? 🎉
- Responsive design: Works seamlessly on all devices.
- Video call: We like to see our friends's faces
- Audio call: The voices make conversation real
-
Clone the repository
git clone https://github.com/riyoneri/chat-app-frontend.git
-
Change working folder
cd chat-app-frontend.git -
Install Dependencies
npm install
-
Set Up Environment Variables: Create a .env.local file in the root directory and add your environment variables:
NEXT_PUBLIC_API_URL=your-api-url NEXT_PUBLIC_LOCAL_URL=your-local-url # http://localhost:3000 (default) -
Run the Development Server
npm run dev
-
Open Your Browser: Visit http://localhost:3000 and start chatting!
- Next.js: For server-rendered and static web pages.
- React: Because we love components.
- Socket.io: Get realtime communication.
- WebRTC: Enhanced video and audio call.
Found a bug? Want to add a cool feature? Contributions are welcome! Fork this repo, create a branch, and submit a pull request. Let’s build this chat app together! 🚀
This project is licensed under the MIT License.