Collaboard banner

Collaboard

8 devlogs
4h 7m 49s

A collaborative whiteboard built using next.js

Loading README...

Cool cream

Sorry for posting this devlog so late. I ran into a tough issue that I had to solve on my own. I was trying to show a different screen when the user was logged in, but nothing appeared on the page. I checked all my files to find what went wrong. In the end, I found the problem: the provider was set to show content only when the user was logged in. I fixed that, and everything worked again.

0
Cool cream

Created a loading kind of page, to give it a better look. The loading has the logo of the website.

0
Cool cream

oooh this leg took a lot of time. Now that i got all the backend right, I tried to actually integrate the log in system. I tried many ways, but they were just not working. So i went and looked up for documentation on the convex docs. After finding it, when I implemented that, I got an error saying that a function was deprecated. So I had to look up more and FINALLY, I got it working. Here’s a video

Attachment
0
Cool cream

Fixed some small issues ad added convex and clerk for the backend. Clerk was used for the authentication stuff.

Attachment
0
Cool cream

Modified the file structure and added a layout.tsx file with a new navbar, which renders in all pages of users.

0
Cool cream

Just fixed an error in the users logic. Since the users logic is dynamic, every time I type something as a subpage in the address bar like ‘…/open’ or something, it was not giving a 404 page not found error but giving me the user id page, showing the user id as open. So i spent a little time on trying to fix it. At the end, I just went with the simplest solution. I routed the ‘user’ page inside a ‘users’ folder.

Attachment
Attachment
0
Cool cream

Coded the users logic. This was a little tough because the tutorial I was following had an older version and the version I was using did not support the code block.

0
Cool cream

Okay. So this is my first time working with next.js and tailwind CSS. Looked up on tutorials and also tries making some example pages. I also set up the project folder. All this was done with the cli tool for next js. This might be quite a long project. I also installed the button component from shadcn UI. and added a style.

Attachment
0