Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

Basic Real-Time Chat App with Socket.io

未关闭
#24 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
4/5
预计耗时
3-5 天
新手友好度
45/100
Issue 类型
功能
描述清晰度
描述清楚
活跃度
停滞
技术栈
express, node.js, react, vite

调研方向

首先定位 Vite React 前端和 Node.js + Express 后端的入口点,然后查看 issue 中链接的 Socket.io 文档。实现连接通知、实时消息、基本聊天框和广播通知;使用多个已连接用户验证行为。

由索引模型根据 Issue 内容生成。

描述

Hard Node + Express Vite React

Create a simple real-time chat application using React (Vite) for the frontend, Node.js + Express for the backend, and Socket.io for real-time communication.

Features to Implement:

  • User Connection Handling: Show when a user joins or leaves the chat.
  • Real-Time Messaging: Messages should instantly appear for all connected users.
  • Basic UI: A simple chatbox with an input field and a send button.
  • Broadcast Messages: Notify all users when someone sends a message.

Tech Stack:

  • Frontend: Vite + React, Socket.io-client.
  • Backend: Node.js + Express, Socket.io.

Optional: Add usernames, typing indicators, or message history.

Socket.io - https://socket.io/docs/v4/
Vite React - https://vite.dev/guide/

主要语言
HTML
星标
10
派生
77
PR 合并指标
30 天内没有已合并 PR

环境准备

这个项目没有提供开发容器、Dockerfile 或贡献指南,环境需要你自己搭建:先看它的 README,通用步骤见我们的新手贡献指南。

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

CommunityOfCoders/WebGenesis 的其他 Issue

查看 CommunityOfCoders/WebGenesis 的全部 Issue

相似的 Issue

更多 Backend & API Design Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。