From 9e4fdfcafed4b5dd35a0a29d262a86e8986b1dc6 Mon Sep 17 00:00:00 2001 From: HadhiMR <149560286+Hadhi20@users.noreply.github.com> Date: Mon, 19 Aug 2024 17:01:26 +0530 Subject: [PATCH] Create README.md --- README.md | 42 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 42 insertions(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..d9836ae --- /dev/null +++ b/README.md @@ -0,0 +1,42 @@ +# Notes-Taking Website + +This is a simple, responsive notes-taking website where users can create, view, and delete notes. The project is built using HTML, CSS, and JavaScript and demonstrates basic web development skills. + +## Features + +- Create Notes: Users can add new notes with a title, date, and description through a popup form. +- Delete Notes: Each note has a delete button to remove it from the list. +- Responsive Design: The website layout is designed to be responsive, ensuring a seamless experience across desktop and mobile devices. + +## Technologies Used + +- HTML5: Used for structuring the website content. +- CSS3: Applied for styling, layout, and responsiveness using Flexbox. +- JavaScript: Provides interactivity, including adding and deleting notes, and managing the popup form. + +## Setup Instructions + +1. Clone the repository: + ```bash + git clone https://github.com/yourusername/notes-taking-website.git + ``` + +2. Navigate to the project directory: + ```bash + cd notes-taking-website + ``` + +3. Open `index.html` in your web browser: + ```bash + open index.html + ``` + +## How It Works + +- The "Add Notes" button triggers a popup where users can input a note’s title, date, and description. +- Upon submission, the note is displayed on the main page. +- Users can delete any note by clicking the "Delete" button. + +## Contributing + +Contributions are welcome! If you find any issues or have suggestions for improvements, feel free to open an issue or submit a pull request.