Skip to content

Parsia-Rezaei/book-keeper

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📚 Book Keeper

Book Keeper is a lightweight, responsive web app built with HTML, CSS, and pure JavaScript that helps users save and manage their favorite links, notes, and books. With features like local storage, search functionality, dark mode, and more, it's the perfect companion for organizing your bookmarks and notes efficiently.

👁️ Live demo

book keeper live demo link

✨ Features

  • Title and Link Addition: Users can easily add titles and links. If a link is added without http:// or https://, it will be automatically corrected.
  • Local Storage: The app uses local storage to save all links and notes, so users' data persists even after refreshing or closing the browser.
  • Copy and Delete Functionality: Users can easily copy saved links or delete them when no longer needed.
  • Dark Mode Toggle: Users can switch between light and dark modes based on their preference.
  • Full Responsiveness: The app is designed to be fully responsive and works smoothly on all device sizes.
  • Random Background Posters: The app changes its background poster randomly for a fresh look.
  • Search Functionality: Users can search through their saved notes and books quickly and easily.
  • Planned Features: Image uploading for book covers and Custom themes and favorite poster selections.

🚀 Planned Improvements

  • Optimization: Performance optimization and cleanup for faster load times.
  • Selecting Favorite Themes: Users will be able to choose and save their preferred themes for a personalized experience.
  • Uploading Book Covers: Users will soon be able to upload custom book cover images to accompany their notes and links.
  • Note Editing: Allow users to edit previously saved notes.
  • Color Customization for Notes: Users will be able to customize the color of each note for better visual organization.

🛠️ Tech Stack

  • HTML: Structure and content of the app.
  • CSS: Styling, including responsiveness and dark mode.
  • JavaScript: Core functionality, including local storage, search, and link validation.

💡 How to Use

1.Clone the repository:

git clone https://github.com/yourusername/book-keeper.git

Navigate to the project folder:

cd book-keeper

Open the index.html file in your browser.


📈 Future Goals

Add more customization options for themes and backgrounds. Extend functionality to include user authentication for saving and managing links across devices. Implement better UX/UI improvements based on user feedback.


🤝 Contributing

Contributions are welcome! Feel free to open an issue or submit a pull request. Please make sure to follow the project's coding guidelines and contribute quality code.

📜 License

This project is licensed under the MIT License.

🏷️ Badges

📬 Contact For any inquiries or feedback, feel free to reach out through GitHub or open an issue in the repository.

Feel free to customize the screenshots section, adjust any information, or add more badges to suit your needs! Let me know if you'd like any further changes.