🧑‍💻 : Improve Frontend UI and Fix Note Deletion Issue

[Mdraza78]

Description:

Current Problems:

1. Frontend Design:

• The current user interface for the note-taking app appears cluttered and lacks visual appeal.
• The card layout for notes is not visually distinct enough, making it harder for users to differentiate between individual notes.
• The overall layout does not utilize the available space effectively, particularly in terms of note content and the form for adding new notes.

Note Deletion Issue:

• After a new note is written and saved, the note is not being deleted or cleared from the input area.
• This results in old notes remaining in the input field, which could confuse users or lead to unintentional overwriting of previous notes.

Proposed Solutions:

1. Frontend Design Improvements:

   Card Layout Enhancements:

Make individual note cards more distinct by adding better margins, padding, and shadows to enhance visual separation. Implement better font hierarchy (e.g., larger titles, smaller descriptions) to improve readability.

Responsive Design Adjustments:

a. Improve the responsiveness of the layout to ensure the app looks good on different screen sizes. b. Ensure that the "Add Note" button is clearly separated and well-positioned. c. Color Scheme Refinement: d. Update the color scheme to make the "Add Note" button more consistent with the overall theme. e. Use more visually appealing color contrasts to differentiate buttons and text areas.

2. Note Deletion After Save:

a. Fix the issue where after saving a note, the input area retains the old content. b. After successfully saving the note, clear the note input field so that users can easily start writing a new note.

[Ravijhabit]

Hi @iamrahulmahato, Can you assign me this issue ?