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.
- 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.
- 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.
-
Clone the repository:
git clone https://github.com/yourusername/notes-taking-website.git
-
Navigate to the project directory:
cd notes-taking-website
-
Open
index.html
in your web browser:open index.html
- 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.
Contributions are welcome! If you find any issues or have suggestions for improvements, feel free to open an issue or submit a pull request.