Anujcodecraft / Anujcodecraft/notes-online

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

Ouverte
#25 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
enhancement good first issue NodeJS ReactJs Tailwind UI
Langage dominant
JavaScript
Étoiles
7
Forks
7
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

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

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Évaluation

Cette issue n'a pas encore été évaluée.

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.