https://github.com/rhmti01/note-app-react
Note App is a react base app created with tailwindcss and other stacks.
https://github.com/rhmti01/note-app-react
note-app notes react tailwindcss
Last synced: 2 months ago
JSON representation
Note App is a react base app created with tailwindcss and other stacks.
- Host: GitHub
- URL: https://github.com/rhmti01/note-app-react
- Owner: rhmti01
- License: mit
- Created: 2024-12-06T20:56:30.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-02-05T17:46:41.000Z (11 months ago)
- Last Synced: 2025-02-05T18:52:25.314Z (11 months ago)
- Topics: note-app, notes, react, tailwindcss
- Language: JavaScript
- Homepage: https://note-app-react-rhmti01.netlify.app/
- Size: 83 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 📓 Note App React
Welcome to **Note App React**, a user-friendly note-taking application built with React.js. It's designed to make managing your tasks and notes as simple and efficient as possible.
## ✨ Features
- 📝 **Add Notes**: Create new notes with a title and description effortlessly.
- ✏️ **Edit Notes**: Modify existing notes to update your information anytime.
- 🔄 **Sort Notes**: Organize your notes easily by:
- ✅ **Mark as Completed**: Keep track of tasks you've completed.
- 🗑 **Delete Notes**: Remove unwanted notes in one click.
- 📊 **Filter Notes**: View "all notes," "open notes," or "completed notes" with ease.
- 💾 **Persistent Storage**: Your notes are saved in localStorage, so your data stays safe even after refreshing the page.
- 😎 **Easily sort rtl or ltr sort (persian and english notes) **
## 🚀 Live Demo
Explore the app here: 👉 [Live Note App Demo](https://note-app-react-rhmti01.netlify.app/)
## 🛠 Technologies
This project is built using:
- **React.js**: For a dynamic and responsive user interface.
- **CSS**: To make the app visually appealing.
- **localStorage**: Ensures your notes are saved locally.
- **Netlify**: Seamless and quick deployment.
## 📂 What’s Inside
The app has the following key components:
- **AddNote**: A form to add new notes quickly.
- **NotesList**: Displays all your notes in a clean, organized way.
- **FilterNotes**: Lets you sort and filter notes based on your preferences.
- **NoteItem**: A single note card with options to edit, mark as completed, or delete.
## 🤝 Contributions
Have suggestions or ideas? Feel free to contribute or share feedback on the GitHub repository:
👉 [GitHub Repo](https://github.com/rhmt101/note-app-react)
## 🙌 Acknowledgments
Special thanks to the following resources and tools:
- **React Documentation**: For helpful guides and references.
- **Netlify**: For effortless app deployment.
- **Icons8**: For providing high-quality icons used in the project.
## 🔗 Important Links
- **Live Demo**: [https://note-app-react-rhmti01.netlify.app/](https://note-app-react-rhmti01.netlify.app/)
- **GitHub Repository**: [https://github.com/rhmt101/note-app-react](https://github.com/rhmt101/note-app-react)