Anujcodecraft / Anujcodecraft/notes-online

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

Open
#25 0 comments 0 reactions 0 assignees View on GitHub
enhancement good first issue NodeJS ReactJs Tailwind UI
Dominant language
JavaScript
Stars
7
Forks
7
PR merge metrics
No merged PRs in 30d

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

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.