preshpi / noteeey Goto Github PK

Fix the texts to be responsive

This is clever web Dev from Tiktok....I will love to contribute to this project and I will like to know where in particular you need my contribution in this project

As a user, when I reload the all note page, I should see a skeleton view of the card

Instead of having this view for writing notes, let users be able to write in markdown format and see the preview

For the grid/list button, the tooltip should conditionally render the statement based on what icon is currently active.

e.g when I'm on grid view, it should say "switch to list view"

While for the acesending and descending it should do the same conditional rendering of tooltip based on which icon is active.

This should be the results

As a user, I should be able to lock a note and use a password to open it. Every note I lock should have a padlock icon in the card.

Get rid of the float button

In the sidebar, add a new button that says "create note"

This is an example

you will use this component. you don't need to install the dependencies like framer motion and the rest because i've done that already.

here is the component:
https://ui.aceternity.com/components/lamp-effect

what it looks like on aceternity ui

implement it here:

Here is an inspiration
visit it here https://moviewebnaija.vercel.app/

users should be able to access an audio player that plays lofi music while they write

it shouldn't be here

it should be here at the before or after the markdown, whichever on makes sense
this is where it should be implemented, the details page of the note where users write

users should be able to change the background color of the note view to a random background color and text

Add a button on the Trash page close to the other buttons like (grid/list). when I click on the button, it should select all the notes and I should be able to delete it

As a user, I want when my cards are in grid view, it should look like this. same size and height.

Description

Currently, we're using react-draggable for the note card component, allowing users to freely move the card anywhere on the screen. While this provides a degree of flexibility, it can result in a messy layout, especially when users reload the page, and cards return to their original positions.

I'd like to propose an enhancement to the note card interaction using a more sophisticated framework, DnD Kit. DnD Kit not only allows for drag-and-drop functionality but also enables the implementation of note cards in a fixed container. This way, users can still interact with the cards by swapping them within the container, providing a more structured and user-friendly experience.

Example

Check out this example to see how DnD Kit handles swappable note cards within a fixed container.

Benefits

• Consistent Layout: Having a fixed container ensures a more organized and consistent layout, preventing the cards from being scattered randomly.
• Persistent Positioning: With DnD Kit, the positions of note cards can persist even after page reloads, offering a more stable user experience.

This enhancement would contribute to a more polished and user-friendly interface. Looking forward to your thoughts on this!

As a user, I should be able to delete and deactivate my account.