localStorageFormWithTodo Tailwind Templates

Localstorageformwithtodo

A simple and responsive web application that combines a user registration form with a to-do list. Built with HTML, CSS (Tailwind), and JavaScript, it stores data in the browser using localStorage, making it lightweight and fully client-side.

# localStorageFormWithTodo

A simple and responsive web application that combines a user registration form with a to-do list. Built with HTML, CSS (Tailwind), and JavaScript, it stores data in the browser using `localStorage`, making it lightweight and fully client-side.

## šŸš€ Features

- šŸ“ User Registration Form  
  Collects basic user information and saves it to `localStorage`.

- āœ… To-Do List  
  Add, complete, and delete tasks. All data is persisted in `localStorage`.

- šŸŽØ Responsive UI  
  Designed with Tailwind CSS for modern and responsive design.

- šŸ’” Overlay Transitions  
  Smooth UI transitions between registration and to-do list views.

## šŸ“¦ Technologies Used

- HTML5
- Tailwind CSS
- JavaScript (Vanilla)
- `localStorage` API

## šŸ“ø Screenshots

*(Add screenshots here if available)*

## šŸ”§ How to Use

1. Clone the repository:
   ```bash
   git clone https://github.com/DoctorJunaid/localStorageFormWithTodo.git
  1. Open index.html in any modern web browser.

No backend or installation required!

🧠 How It Works

  • On submitting the registration form, user data is saved in localStorage.
  • Users are redirected to the to-do list interface.
  • Tasks are also stored in localStorage so they persist across sessions.

šŸ“ Project Structure

localStorageFormWithTodo/
ā”œā”€ā”€ index.html
ā”œā”€ā”€ style.css
ā”œā”€ā”€ script.js
└── README.md

šŸ™Œ Contributing

Pull requests are welcome! For major changes, please open an issue first to discuss what you'd like to change.

šŸ“„ License

This project is open-source and available under the MIT License.


Made with ā¤ļø by DoctorJunaid


Top categories

Loading Svelte Themes