https://github.com/abh1xxx/to-do-app

This project is a Website Replication assignment followed by the creation of a To-Do App. The objective was to replicate the layout of the provided website and implement form validation, password visibility toggle, and task management features.
https://github.com/abh1xxx/to-do-app

bootstrap-forms bootstrap5 css-flexbox j script to-do-list-javascript todo todoapp

Last synced: 11 months ago
JSON representation

This project is a Website Replication assignment followed by the creation of a To-Do App. The objective was to replicate the layout of the provided website and implement form validation, password visibility toggle, and task management features.

• Host: GitHub
• URL: https://github.com/abh1xxx/to-do-app
• Owner: Abh1xxx
• Created: 2024-12-16T06:19:24.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-29T10:53:50.000Z (over 1 year ago)
• Last Synced: 2025-03-01T23:55:58.571Z (over 1 year ago)
• Topics: bootstrap-forms, bootstrap5, css-flexbox, j, script, to-do-list-javascript, todo, todoapp
• Language: HTML
• Homepage: https://registerhere-todolist.netlify.app/
• Size: 5.86 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Website Replication & To-Do App

## Assignment Overview

This project is a **Website Replication** assignment followed by the creation of a **To-Do App**. The objective was to replicate the layout of the provided website and implement form validation, password visibility toggle, and task management features.

### Features:

- **Website Layout Replication:** Created a form page using HTML, CSS, and Bootstrap, replicating the design from the given website.

- **Form Validation:** 

  - Ensured required fields were filled.

  - Validated email format and password strength.

  - Confirmed that password and confirm password matched.

- **Password Visibility Toggle:** Added functionality to show/hide passwords using an eye icon.

- **To-Do Page (After Form Submission):** Implemented a page to manage tasks, including adding tasks, marking tasks as complete, and deleting tasks.

### Technologies Used:

- **HTML**: Structure of the page

- **CSS**: Styling for the form and page

- **Bootstrap**: For responsive design and UI components

- **JavaScript**: For form validation and interactivity (e.g., password visibility toggle, form submission, task management)

## Installation and Usage

1. Clone the repository to your local machine.

2. Open `index.html` to view the form page.

3. After submitting the form, you will be redirected to the To-Do page.

4. You can add tasks, mark them as complete, and delete them.

## Hosted Link

You can view the deployed version of the project at: [Live Demo](https://registerhere-todolist.netlify.app/)

## To-Do Page

- Add tasks to your to-do list.

- Mark tasks as complete.

- Delete tasks from the list.