denniscampos / bookmark-vibes

Bookmark Vibes

A place to track your bookmarks on twitter. Although you can track bookmarks for anything, the intent is to track and keep your bookmarks on twitter organized.

Tech Stack

• Next.js
• Shadcn ui / Tailwind
• Supabase
• Zod form validation
• React Hook Form

Getting Started

1. Create a .env file.

2. Sign up for supabase to generate the following credentials:

NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=

3. Create client credentials with Google Cloud Console

GOOGLE_CLIENT_SECRET=
GOOGLE_CLIENT_ID=

Take a look at .env.example for any env not listed above.

Run pnpm install

Start the server pnpm dev

bookmark-vibes's Issues

Add category filter

Implement a filter for categories under the bookmarks page.

When a user signs up with an email, they should see copy text to check their email.

Currently, they are routed to the login page with params signifying to check their email.

Make category folders clickable

Not all of the div component is clickable. Make sure we can click as soon as mouse enters the div.

Select Item value prop error in production

Browser console error in prod

Error: A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.

Might have to build locally to replicate the bug.

Steps to reproduce:
Make sure you have a bookmark under dashboard/bookmark page and try to edit the bookmark. Error should be thrown.

Creating Category bug

When creating a category through the bookmarks, there's an error displaying that category name is required.

While this still allows user to move forward, the message shouldn't appear until they complete the form.

Search feature

Add the ability to search for bookmarks and maybe categories.

Text overflowing

Text overflow if user adds long titles for bookmarks.

Error handling

For the most part, the errors are there, just not displayed to the user.
Add toast messages to make for a better use experience.

User shouldn't be able to set an empty category

When submitting an empty input field, the category will submit to the DB.

Make sure we include zod and prevent user from submitting an empty field.

Create bookmarks in the categories page

When using the app, I wanted to create a bookmark while viewing a category.
Implement a server action to be able to do so.

Category constraint error if user exists

This happens when a user potentially has a gmail account and they decide to sign up with email and password.

Ability to edit categories

We can add a new category when creating a new bookmark or when creating a new category, but the user should have the ability to edit or remove the category.

Things to note
If a user deletes a category, should the bookmarks in the category also get deleted? If not, find a way to default to another category or set it to null.