Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/parsia-rezaei/book-keeper

book keeper application
https://github.com/parsia-rezaei/book-keeper

css3 hmtl5 html html-css-javascript javasciprt js

Last synced: 1 day ago
JSON representation

book keeper application

Awesome Lists containing this project

README

        

📚 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.