Skip to content

This is a simple, responsive notes-taking website where users can easily add, view, and delete notes. Built with HTML, CSS, and JavaScript, this project demonstrates fundamental web development skills and emphasizes a clean, user-friendly interface.

Notifications You must be signed in to change notification settings

Hadhi20/Notes-Taking-Website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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:

    git clone https://github.com/yourusername/notes-taking-website.git
  2. Navigate to the project directory:

    cd notes-taking-website
  3. Open index.html in your web browser:

    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.

About

This is a simple, responsive notes-taking website where users can easily add, view, and delete notes. Built with HTML, CSS, and JavaScript, this project demonstrates fundamental web development skills and emphasizes a clean, user-friendly interface.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published