Okay so i completely wrapped up the ui of this trash component. And guess what I also added a restore button to restore documents. And for extra safety i wrapped up the permanently delete document in a alert dialog from shadcn ui. I created my own component for the confirmation so that i could reuse it in other events too

So i spent a whole lot of time trying to write functions for deleting the document and restoring it. Took some trial and error. I need to work a bit more on that. Dont really have some pics for it so i have no choice but to show the code sry.

So just fixed the bug of redirecting when trying to expand and also created a small logic to do when note is expanded. And i added the feature of creating multiple nested notes so you can create a note inside a note and so on (pls just dont spam those) and also created a hook for deleting a note. So here it is

So just worked a bit more and added some functions i could use for the future features. Now it actually displays the document like an actual item rather than a text. It looks fine, not bad, next have to fix the issue of redirecting to the page when clicking the expand button

Did a little styling and created a item component and made it reusable so that i could use the same thing for all. Added a dummy search and settings buttons in the user settings sidebar, and also made the new page functional.

I created a small function using convex as my database so that i can create a document every time i click on the create note button on my page. Also added a toast message using sonner.

Created a user settings item in the sidebar with a dropdown menu from shadcn.

So this was a bit simple. I added a small function of closing and opening the sidebar. It was easy, i just had to change some css properties.

Updates:

In this update, I added the function of resizing the sidebar. I also made it mobile responsive.

Changelog

• sidebar resizing

Created the documents/ dashboard page and added a basic navbar with a small effect for resizing on hover.

Added a sign in/ sign-up feature, and again, i did this with Clerk, and it would have finished wayy faster, but it always showed me a warning of development mode which I hated. I tried all kinds of things but even the official method of doing that did not wwork out. It looked soo ugly seeing the banner. So i pent another hour figuring out the dumb logic

This was a lot of work. I made the navbar and tried to implement a dark-mode light-mode feature. I thought it was goin to be very hard but to my surprise there was already a component for that in shadcn. So I went forward and implemented that but there was one huge problem. The default component used the default tailwind classes, which was some sort of white for light and black for dark. Whereas in my case i was using a type of light red on my background and other elements. So i had to sit and look for good combos for light and dark mode colors and heres the final view! It looks awesome

Set up the next.js application and also got some images, logos and added it to the app. Created the home page section. Not really tough.