Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Add security headers with Helmet

オープン
#64 コメント 6 件 リアクション 0 件 担当者 1 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

@08abhinav がすでに取り組んでいます。

2026年10月21日 から。

評価

この issue はまだ評価されていません。

説明

backend difficulty: easy enhancement good first issue hacktoberfest
Context

The API doesn't send the standard security headers that tell browsers to be careful with its responses (for example X-Content-Type-Options: nosniff). Helmet is the usual Express middleware for this: one dependency and a couple of lines.

✅ The helmet dependency is approved for this issue. Install it from the server/ folder (npm install helmet --prefix server) and commit both server/package.json and server/package-lock.json.

Files likely involved
  • server/src/app.js (the middleware section near the top)
  • server/package.json, server/package-lock.json
Acceptance criteria
  • app.use(helmet()) is added early in the middleware chain, before the routes, with a short comment saying what it does.
  • The frontend still works when it runs on a different address from the API (CORS), both locally and on the deployed site.
  • The README's API section mentions that security headers are sent.
How to test
  1. curl -i http://localhost:5000/api/v1/health: the response includes headers like X-Content-Type-Options: nosniff and X-Frame-Options.
  2. Run the whole app (npm run dev), log in, and create, edit and delete a task. Nothing is blocked, and there are no CORS errors in the browser console.
  3. npm test still passes.

New here? 👋 Good first issues are reserved for people making their first few open-source contributions. Comment below to ask to work on this issue, and wait to be assigned. Then follow CONTRIBUTING.md for setup and how to open a pull request. Questions are welcome in the comments or in Discussions.

主要言語
JavaScript
スター
3
フォーク
2
平均マージ
7時間 8分
マージ済み PR(30日)
38

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

KEX-03/taskflow のほかの issue

KEX-03/taskflow の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。