https://github.com/guibranco/bookmarks-manager-ui

📑🔖 A modern web-based bookmark manager built with Vite, allowing users to organize bookmarks into folders and topics. Features include search, grid/list views, and a clean, responsive UI.
https://github.com/guibranco/bookmarks-manager-ui

Last synced: 7 months ago
JSON representation

📑🔖 A modern web-based bookmark manager built with Vite, allowing users to organize bookmarks into folders and topics. Features include search, grid/list views, and a clean, responsive UI.

• Host: GitHub
• URL: https://github.com/guibranco/bookmarks-manager-ui
• Owner: guibranco
• License: mit
• Created: 2025-02-27T16:19:57.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2025-03-08T04:13:05.000Z (7 months ago)
• Last Synced: 2025-03-08T05:19:06.278Z (7 months ago)
• Language: TypeScript
• Homepage: https://guilherme.stracini.com.br/bookmarks-manager-ui/
• Size: 1.71 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 📑🔖 Bookmarks Manager (UI)

A modern, web-based **bookmark manager** built with **Vite, React, and TypeScript**, allowing users to organize bookmarks into folders and topics with a clean and intuitive UI.

## 🚀 Features

- 📂 **Organize Bookmarks** – Categorize bookmarks into folders/topics.

- 🔍 **Search Functionality** – Quickly find bookmarks by title or tags.

- 📌 **Grid/List View** – Switch between different layouts for better visualization.

- 🖼 **Thumbnail Previews** – View bookmarks with preview images.

- 🎨 **Modern UI with TailwindCSS** – Clean and responsive design.

- ⚡ **Built with Vite** – Super-fast development experience.

## 🛠 Tech Stack

- **Frontend**: React, TypeScript, TailwindCSS

- **Backend**: [Bookmarks Manager API](https://github.com/guibranco/bookmarks-manager-api)

- **Build Tool**: Vite

- **Icons**: Lucide React

- **Linting & Formatting**: ESLint, TypeScript ESLint

## 📦 Installation

Clone the repository and install dependencies:

```bash

# Clone the repo

git clone https://github.com/guibranco/bookmarks-manager-ui.git

cd bookmark-manager

# Install dependencies

npm install

```

## 🔧 Usage

Run the development server:

```bash

npm run dev

```

Build for production:

```bash

npm run build

```

Preview the production build:

```bash

npm run preview

```

## 📸 Screenshots

### Dark Theme - Grid view

![Preview Dark Theme - Grid](docs/preview-dark-grid.png)

### Dark Theme - List view

![Preview Dark Theme - List](docs/preview-dark-list.png)

### Dark Theme - Add New Bookmark

![Preview Dark Theme - Add New Bookmark](docs/preview-dark-add-new.png)

### Light Theme - Tree Structure

![Preview Light Theme - Tree Structure](docs/preview-light-tree-structure.png)

## 📜 License

This project is licensed under the [MIT License](LICENSE).

---

💡 **Contributions are welcome!** Feel free to submit issues or pull requests to improve the project. 🚀