Anujcodecraft / Anujcodecraft/notes-online

## ✨ Feature Request: Add Title (Mini/Mid/End Sem) and Description Field to Notes Submission & UI Display

未关闭
#25 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
enhancement good first issue NodeJS ReactJs Tailwind UI
主要语言
JavaScript
星标
7
派生
7
PR 合并指标
30 天内没有已合并 PR

描述

### 📋 Description

Currently, the subject name (e.g., "Algorithms") is shown at the top of each note card, which is great. However, there's no information about **which part of the syllabus** the notes cover — such as **Mini**, **Mid sem**, or **End sem** — nor any short description of the notes.

---

![Image](https://github.com/user-attachments/assets/83e2b400-5920-469b-bb68-995f5b866313)

### 🧩 What Needs to Be Done

#### 1. Schema Update (Backend)

- Add a new field `noteTitle` (e.g., Mini / Mid / End Sem / Complete)
- Add a new optional field `noteDescription` (short description from the uploader)

#### 2. Notes Upload Form (Frontend)

- Add an input/dropdown for:
- `Title`: Selectable options like **Mini**, **Mid**, **End**, **Complete**
- Add a textarea for:
- `Description`: Optional short description of the uploaded notes

#### 3. Notes Card UI (Frontend)

Update the existing notes card (like the one shown below):

Add the following:

- Under the **Subject name**, show the `noteTitle` as subscript or small tag (e.g., “Mini”, “End Sem”)
- Below the **Branch** line, if `noteDescription` is available, show it in smaller text (limit to 1–2 lines or truncate with ellipsis)

```
Algorithms
Title:[title]
Year: Second Year
Branch: CSE
Note: Covers Unit 1 & 2 from Mini test syllabus
Uploaded by: Satyam Vatsal
```

---

### ✅ Behavior

- If `noteTitle` is available, show it below subject as subscript like year and branch
- If `noteDescription` is provided, show it below Branch line as subscript like year and branch
- If `noteDescription` is not provided, don’t render anything extra

---

### 📂 Affected Areas

- Notes upload form component
- Notes schema/model
- Notes card component (UI)

---

### 🏷️ Labels

`enhancement` `frontend` `schema` `good first issue` `UX`

---

### 🧑‍💻 Ideal For

- Contributors familiar with form inputs and schema updates
- Frontend contributors with Tailwind and component design experience

贡献指南

这个仓库没有索引到贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

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