the-eduek / notebox Goto Github PK

0.0 1.0 0.0 604 KB

notebox is a user-friendly note-taking web application. 📝

JavaScript 1.84% HTML 1.56% CSS 2.17% TypeScript 94.43%

notes react react-ts typescript

notebox's Introduction

notebox

effortlessly create, edit, delete, and organize your notes with a user-friendly web app.

creating and editing notes: users can create new notes with content. note titles, tags, and content can be updated when editing existing notes.
deleting notes: users can delete notes they no longer need. a confirmation prompt is available to prevent accidental deletions.
tagging notes: each note supports the addition of multiple custom tags. users can tag their notes with keywords for better organization and easy retrieval. users can also delete tags.
Search by tags: implemented a search functionality that allows users to filter notes based on tags, helping users quickly find relevant notes.
sorting by newly created: notes are displayed in a list (with a grid view also available), and are sorted by default with the most recently created. notes can also be sorted into a pinned folder to easily access relevant notes.

user-friendly ui: prioritized an aesthetically pleasing and user-friendly design, a clean and intuitive interface enhances the user experience, including cta texts and empty states.
responsive design: the app is fully responsive to various screen sizes, from desktops to mobile devices.
local storage: used local storage to save notes locally in the browser. local storage data is also validated to avoid errors.
error handling: not found page and note error page.

code structure, quality and organization; best practices, modular component-based structure
appealing and responsive design.
state management using context api
granular, regular commits
proper documentation, readme file should contain a live link
implementation of the required features
aesthetic design and user experience
cross-browser compatibility