Anujcodecraft / Anujcodecraft/notes-online

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

Đang mở
#25 0 bình luận 0 reaction 0 người được giao Xem trên GitHub
enhancement good first issue NodeJS ReactJs Tailwind UI
Ngôn ngữ chính
JavaScript
Star
7
Fork
7
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

### 📋 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

Hướng dẫn đóng góp

Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này

Đánh giá

Issue này chưa được đánh giá.

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.