https://github.com/nikhilkumarmishra/noteswebsite

Best Website to Take Personal Notes
https://github.com/nikhilkumarmishra/noteswebsite

Last synced: about 2 months ago
JSON representation

Best Website to Take Personal Notes

• Host: GitHub
• URL: https://github.com/nikhilkumarmishra/noteswebsite
• Owner: Nikhilkumarmishra
• Created: 2024-06-20T04:50:27.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-06-20T04:57:28.000Z (7 months ago)
• Last Synced: 2024-06-20T16:28:11.967Z (7 months ago)
• Language: JavaScript
• Size: 4.88 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Notes App

This is a simple yet powerful notes app built using HTML, CSS, and JavaScript. It allows users to create, read, update, and delete notes seamlessly. The app features a clean and user-friendly interface, making it easy to manage and organize your notes.

## Features

- **Create Notes**: Easily create new notes by typing in the provided text area.

- **View Notes**: All existing notes are displayed in a organized list, allowing you to quickly access and read them.

- **Update Notes**: Edit the content of existing notes by simply clicking on the note you want to modify.

- **Delete Notes**: Remove notes that are no longer needed with a single click.

- **Responsive Design**: The app is designed to work seamlessly across different devices and screen sizes.

## Technologies Used

- HTML5

- CSS3

- JavaScript (Vanilla JS)

## Getting Started

To run the Notes App locally, follow these steps:

1. Clone the repository or download the source code.

2. Navigate to the project directory.

3. Open the `index.html` file in your preferred web browser.

Alternatively, you can access the live demo by visiting : https://www.linkedin.com/in/nikhil-kumar-mishra/

![image](https://github.com/Nikhilkumarmishra/NotesWebsite/assets/87891556/a5b48d83-2694-4436-bae9-73ee1372fc4c)

## Usage

1. Upon opening the app, you'll see a text area where you can start typing your new note.

2. Press the "Add Note" button to create a new note and add it to the list.

3. To edit an existing note, simply click on the note in the list. The note's content will appear in the text area, allowing you to make modifications.

4. After making changes, press the "Update Note" button to save your modifications.

5. To delete a note, click the "Delete" button next to the note you want to remove.

## Contributing

Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue or submit a pull request.

## License

This project is licensed under the [MIT License](LICENSE).

## Acknowledgments

- This app was built as a learning project, with inspiration from various online resources and tutorials.

- Special thanks to the open-source community for providing valuable resources and knowledge.