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

To-Do Page

• Add tasks to your to-do list.
• Mark tasks as complete.
• Delete tasks from the list.