https://github.com/mvahaste/linkbook
🔖 Keep all your important links in a safe place
https://github.com/mvahaste/linkbook
bookmarks nextjs supabase tailwindcss webapp
Last synced: about 2 months ago
JSON representation
🔖 Keep all your important links in a safe place
- Host: GitHub
- URL: https://github.com/mvahaste/linkbook
- Owner: mvahaste
- Created: 2025-02-24T20:27:12.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-17T11:59:21.000Z (over 1 year ago)
- Last Synced: 2025-03-17T12:35:15.114Z (over 1 year ago)
- Topics: bookmarks, nextjs, supabase, tailwindcss, webapp
- Language: TypeScript
- Homepage:
- Size: 6.95 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
> [!IMPORTANT]
> This project is still a work-in-progess, some functionality is incomplete.
# 🔖 Linkbook
_Keep all your important links in a safe place._
_I use the free tier of Supabase so the database may be paused._
## Table of Contents
1. [😮 What is it?](#😮-what-is-it?)
2. [🤔 Why make this?](#🤔-why-make-this?)
3. [⚙️ How was it made?](#⚙️-how-was-it-made?)
4. [🖼️ Screenshots](#🖼️-screenshots)
1. [Landing Page](#landing-page)
2. [Bookmarks](#bookmarks)
3. [New Bookmark](#new-bookmark)
4. [Tags](#tags)
5. [Settings](#settings)
## 😮 What is it?
Linkbook is a link bookmarking web app made with [Next.js 15](https://nextjs.org/) and [Supabase](https://supabase.com/).
Users can sign up and add a new bookmark, the link metadata (title, description and image) can be autofilled by pasting the link URL or clicking on the "Autofill" button. The user can also create custom tags and add them to their bookmarks, making the searching, sorting and filtering them easier. Most of the operations can be done with keyboard shortcuts.
## 🤔 Why make this?
I wanted to create something smaller than my last project and focus on certain code practices, try out keyboard shortcuts, as well as add it to my resume.
## ⚙️ How was it made?
To create this project I used the following technologies:
- [Next.js 15](https://nextjs.org/) for the frontend framework
- [Supabase](https://supabase.com/) for the backend
- [shadcn/ui](https://ui.shadcn.com/) for base UI components
- [TailwindCSS](https://tailwindcss.com/) for CSS
- [Vercel](https://vercel.com/) for the hosting
## 📺 Demo Video
https://github.com/user-attachments/assets/7a229740-ad31-4f36-89be-28b08ec1d7e1
## 🖼️ Screenshots
### Landing Page
| Desktop | Mobile |
| ----------------------------------------------------------- | --------------------------------------------------------- |
|  |  |
### Bookmarks
| Desktop | Mobile |
| --------------------------------------------------------------- | ------------------------------------------------------------- |
|  |  |
### New Bookmark
| Desktop | Mobile |
| --------------------------------------------------------------------- | ------------------------------------------------------------------- |
|  |  |
### Tags
| Desktop | Mobile |
| ----------------------------------------------------- | --------------------------------------------------- |
|  |  |
### Settings
| Desktop | Mobile |
| ------------------------------------------------------------- | ----------------------------------------------------------- |
|  |  |