Anujcodecraft / Anujcodecraft/notes-online

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

Offen
#25 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
enhancement good first issue NodeJS ReactJs Tailwind UI
Vorherrschende Sprache
JavaScript
Sterne
7
Forks
7
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

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

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.