notEfy is a simple React Web Application that allows you to manage your notes effortlessly. With notEfy, you can add, open, and delete notes with ease. Additionally, it leverages Framer Motion for React to incorporate delightful animations, including draggable logos and draggable notes.
- Add Notes: Quickly jot down your thoughts by adding new notes to the app.
- Open Notes: Access your notes easily to view or edit their content.
- Delete Notes: Remove unwanted notes from your collection effortlessly.
- React: The frontend of the notEfy app is built using React, providing a fast and efficient user interface.
- Framer Motion: Framer Motion for React is utilized to create engaging animations throughout the app, enhancing the user experience.
- CSS: Custom CSS styles are applied to ensure a visually appealing design and layout.
To run the notEfy web app locally on your machine, follow these steps:
-
Clone the repository:
git clone https://github.com/Romildoescoding/notEfy.git
-
Navigate to the project directory:
cd notEfy -
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open your web browser and visit http://localhost:3000 to view the app.
-
Adding a Note:
- Click on the "Add Note" button.
- Enter your note content in the provided input field.
- Press Enter or click the "Add note" button to add the note.
-
Opening a Note:
- Click on the desired note to open it.
- View the note content as needed.
-
Deleting a Note:
- Hover over the note you want to delete.
- Click on the delete icon (e.g., trash can) to remove the note from the collection.
- The notEfy app is created and maintained by Romil.
- Special thanks to the creators of Framer Motion for React for providing an excellent animation library.
This project is licensed under the MIT License.
Feel free to customize this README according to your project's specific details and requirements. Happy coding!