Bookmarkly is a full-stack web application designed to help users save, manage, and organize their favorite links efficiently. Whether it's articles, blogs, or any other resources, users can add them to their collection, categorize them with tags, and quickly retrieve them later using search and filter functionalities.
-
Add and Delete Bookmarks:
- Users can create bookmarks with a title, description, and tags.
- Delete bookmarks when they are no longer needed.
-
Search and Filter:
- Quickly find saved links using the search bar.
- Filter bookmarks based on tags.
-
State Management with Redux:
- Efficient state management using Redux Toolkit (RTK).
- Handles asynchronous operations like fetching, adding, and deleting bookmarks with Redux middleware.
-
Interactive Interface:
- A clean, intuitive UI for a smooth user experience.
- React.js: Used for building reusable UI components and managing the application logic.
- Redux Toolkit: For efficient and simplified state management.
- HTML5 & CSS3: For the structure and styling of the application.
- JavaScript (ES6+): To handle application logic.
- Vite: For fast and optimized development and build processes.
- Vercel: To host the frontend application.
Follow these steps to set up the project locally:
- Node.js (v14 or later)
- npm (v6 or later) or yarn
-
Clone the repository:
git clone <repository_url>
-
Navigate to the project directory:
cd bookmarkly-frontend -
Install dependencies:
npm install # or yarn install
-
Start the development server:
npm run dev # or yarn dev -
Open your browser and navigate to:
http://localhost:5173
Check out the live application here: Deployed Link
Contributions, issues, and feature requests are welcome! Feel free to fork the repository and submit a pull request.
If you have any questions or suggestions, feel free to reach out:
- Email: [email protected]
- GitHub: My GitHub Profile