-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
42 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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. |