A full-stack web application to manage and organize bookmarks. It allows users to save URLs, automatically fetch summaries using Jina AI, and delete unwanted entries. Built using the MERN stack, this project focuses on practical API handling, frontend-backend integration, and basic UI/UX design.
This application allows users to:
- Add bookmarks with just a URL
- Automatically fetch the title, favicon, and a summary using Jina AI
- View saved bookmarks in a clean and responsive layout
- Delete any saved bookmark with confirmation
- Seamlessly manage bookmarks using a connected frontend-backend architecture
This is a beginner-to-intermediate level full-stack project showcasing frontend-backend integration, API consumption, database storage, and AI-powered automation.
- Add bookmarks by pasting any valid URL
- Auto-fetch page title, favicon, and summary using Jina AI
- View saved bookmarks in a clean, card-style layout
- Delete bookmarks with confirmation
- Realtime list update after each action
- Basic error handling and validation
The app integrates Jina AI's summary API to generate short summaries for saved webpages. This makes each bookmark more informative and useful by providing context beyond just a URL.
- React.js
- Tailwind CSS (for styling)
- Axios (for API requests)
- Node.js
- Express.js
- CORS, dotenv
- MongoDB Atlas
- Mongoose (for schema & model management)
- Jina AI – https://jina.ai