Build a bookmark manager app with search and filter functionality

Test your skills with this comprehensive app that includes CRUD operations, tag filtering, search functionality, light/dark themes, and authentication screens (for those who want to build a full-stack app).

We're excited to introduce our new Bookmark Manager App challenge. This project is perfect for developers looking to build a feature-rich application with real-world functionality like data management, advanced filtering, and search. You could even use what you build as your own bookmark manager!

What you'll build

Main bookmark view with light theme:

Main bookmark view with dark theme:

In this challenge, you'll create a bookmark manager app that:

• Allows users to add new bookmarks with title, description, URL, and tags
• Displays all bookmarks in a clean, card-based grid layout
• Enables users to search for bookmarks by keyword
• Lets users filter bookmarks by one or multiple tags
• Provides archive functionality to organize bookmarks
• Includes pin/unpin, edit, copy URL, and visit website actions
• Offers multiple sorting options (recently added, recently visited, most visited)
• Features light and dark theme toggle
• Provides an optimal viewing experience across all device sizes
• Includes hover and focus states for all interactive elements

How to start

To get started, visit the Bookmark Manager challenge page. There, you'll find:

• The Figma design file to guide your project
• Layouts for mobile, tablet, and desktop screens
• A professional design system with details on colors, fonts, and spacings
• Images optimized for the web
• A README file to help you set up
• A HTML file with pre-written content to get you started

This is a premium challenge, so you'll need a Pro subscription to start the project. Our premium challenges are of the highest quality and are designed to give you hands-on experience building industry-standard projects. They make excellent portfolio pieces!

Challenge yourself further

If you want to push yourself and customize the project, try adding features like:

• Building as a full-stack app with user authentication to persist bookmarks across devices
• Integrating an image hosting service (like Cloudinary) to store user avatars and bookmark favicons
• Automatically fetching website metadata (favicon, title, description) when adding a bookmark URL
• Creating a browser extension that lets users save bookmarks directly from any webpage
• Implementing duplicate detection to prevent saving the same URL multiple times
• Adding keyboard shortcuts for quick actions (add bookmark, search, navigate)
• Adding progressive web app (PWA) capabilities for mobile installation and offline access

Join the community

Need help or want to share your work? Join our Discord community, where thousands of developers discuss projects, share resources, and support each other.

We look forward to seeing what you create. Happy coding!