NoteKeeper is a responsive and user-friendly note-taking application. NoteKeeper is designed to help keep track of thoughts, ideas, and tasks in an organized manner. With its simple UI, one can easily add, edit, delete, and customize notes.
This is a re-implementation of my original project which is in ReactJS: NoteKeeper
You can try out the application at link
- Has a navbar with logo. A add icon button on top right of page to add a note.
- Has beautiful animations on hovering a note
- Has beautiful smooth animation when open or refresh the page.
- Has smooth opening of note when clicking on edit.
Optimized for both desktop and mobile devices.
Each page displays a maximum of 6 notes. When 6 notes are already present on a page, a new page is created for additional notes.
Easily edit, delete, pin and change the background color or image of notes to suit preferences.
This application is build using Next.js and Tailwind CSS. Icons are taken by flaticons as png images and react-icons library. For more advanced animation framer library is used.