This project is my submission for the CEREBRAS 2025 Hackathon. The application is a simple yet powerful Note-taking app that allows users to create, edit, and organize their notes with features like sorting, searching, dark mode toggle, and star marking for important notes. It is built using HTML, CSS, and JavaScript and utilizes localStorage to persist data.
- Note Creation: Users can create a new note with a title and text content.
- Sorting: Sort notes by Date (Ascending or Descending), Importance, and Word Count.
- Search: A search bar to find notes by keywords in the title or content.
- Dark Mode: Toggle between light and dark modes for better readability.
- Star Important Notes: Mark notes as important using a star icon.
- Delete Notes: Delete unwanted notes from the list.
- Responsive Design: The app is responsive and works well on both mobile and desktop devices.
-
Add a Note:
- Enter a title for your note and the content in the provided text area.
- Click the "Add Note" button to save it.
-
Sorting Notes:
- Use the dropdown menu to sort notes by Date, Importance, or Word Count.
-
Search Notes:
- Use the search bar to find notes based on their content or title.
-
Dark Mode:
- Toggle the dark mode switch to switch between light and dark themes.
-
Mark Important Notes:
- Click the star icon next to a note to mark it as important. The star will turn gold when selected.
-
Delete Notes:
- Click the "Delete Note" button to remove a note from the list.
- HTML: For the structure and layout of the web page.
- CSS: For styling the page and providing a clean user interface.
- JavaScript: For interactivity such as adding, deleting, sorting, and searching notes.
- localStorage: To persist the notes data across page reloads.
-
Clone the Repository:
- Clone the repository or download the source files to your local machine.
-
Open the
index.htmlFile:- Open the
index.htmlfile in any modern web browser to start using the Note-taking app.
- Open the