search

Rajat2024 / NoteBook

Here notebook is created using React as a frontend and NodeJS as a backend. Here you can add , delete and update notes in your Mongoose database. You create a password using express validation , authentication using JWT Token and salting. An easy way to sign up and log in a notebook, context for data passing through the component.
https://mern-notebook.onrender.com/
0 stars 1 forks source link

React Grid Layout #47

Closed Shubham-Aggarwal-1306 closed 1 year ago

Shubham-Aggarwal-1306 commented 1 year ago

Is your feature request related to a problem? Please describe. I feel a little conscious of how we are actually viewing those notes as there is no way to set priority or its a little less interactive to have such a small delete button.

Describe the solution you'd like So, there are three things I want to implement:

  1. A grid view using react-grid-layout
  2. A delete draggable button where we can drag the not to delete it.
  3. An API which can take those changes that happen to the grid and save it on user document in mongoose.

Describe alternatives you've considered I will use Draggable and Responsive Layout components into the notes screen so that what I want can happen and give it a more common look like other notes keeper.

Additional context Package I will Use: [react-grid-layout] (https://www.npmjs.com/package/react-grid-layout)

Rajat2024 commented 1 year ago

Please show demo of changes @Shubham-Aggarwal-1306

Shubham-Aggarwal-1306 commented 1 year ago

Demo

This is only the solution of Point 1. I am still looking for ways to solve point 2 and 3. I have fixed the background a little as it was repeating unnecessarily, please tell if it's alright.

Shubham-Aggarwal-1306 commented 1 year ago

Is something Wrong here ?

Rajat2024 commented 1 year ago

no you can work on this