Notes

A premium browser-based notes manager built with React, Vite, styled-components, and localStorage.

Create, organize, search, sort, pin, view, edit, and delete notes directly in your browser.

Preview

Features

• Add, edit, view, delete notes
• localStorage persistence
• Search notes
• Category filter
• Pin and unpin notes
• Sortable table columns
• Pagination
• Rows per page selector
• SweetAlert2 delete confirmation
• Toast notifications
• Responsive layout
• Premium black and gray UI
• React Icons
• Hover interactions

Tech Stack

• React
• Vite
• Styled Components
• React Icons
• React Toastify
• SweetAlert2
• localStorage

Run Locally

npm install
npm run dev

Build

npm run build

Deploy

npm run deploy

Author

Ashish Ranjan

• Portfolio: https://www.ashishranjan.net
• GitHub: https://github.com/a2rp
• CodePen: https://codepen.io/ash1198
• LinkedIn: https://www.linkedin.com/in/aashishranjan
• Facebook: https://www.facebook.com/theash.ashish/
• YouTube: https://www.youtube.com/@ashishranjan-ashz?sub_confirmation=1
• Email: mailto:ash.ranjan09@gmail.com

Support

• Support: https://a2rp-donation-page.netlify.app/
• Buy Me A Coffee: https://buymeacoffee.com/a2rp
• Patreon: https://patreon.com/a2rp

License

MIT License