Git Product home page Git Product logo

ideabook-app's Introduction

IdeaBook - Note-Taking App

Overview

IdeaBook is a note-taking application that allows users to organize their thoughts and ideas efficiently. It offers a user-friendly interface with both desktop and mobile responsiveness. Users can create groups, add notes to specific groups, customize group colors, and save notes with ease. The application utilizes local storage to persistently store groups and notes, ensuring data integrity even after page reload or refresh.

Features

1. Create Groups

  • Users can create groups to categorize their notes.
  • To create a new group, click on the "New Group" button.
  • A popup will appear, allowing users to enter the group name and choose a color.
  • Clicking outside the popup will close it.

2. Add Notes to Groups

  • Users can add notes to a specific group.
  • When adding a note, the creation date and time are displayed.
  • Validate input to ensure that notes have content before saving.

3. Save Notes

  • Save notes by clicking on the "Send" icon in the text input area.
  • The "Send" icon is disabled if no text is present in the input area.
  • All notes and groups are stored in local storage for persistent data.

4. Switching Groups

  • Users can easily switch between groups.
  • When changing the group, fetch and display all notes related to the selected group.

5. Responsive Design

  • The application is designed to be responsive on both desktop and mobile devices.

6. Validation and Error Handling

  • Implement validation checks for group and note inputs to ensure data integrity.
  • Handle errors gracefully, providing user-friendly messages when necessary.

Usage

To get started with IdeaBook, follow these steps:

  1. Clone the repository.
  2. Open the index.html file in your browser.

Feel free to explore the application, create groups, add notes, and experience the seamless organization of your ideas.

Happy note-taking with IdeaBook!

ideabook-app's People

Contributors

adityasharma2020 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.