LocalStorage Assignments

1. Store and Retrieve User Input

Create a form with a text input and a button. When the user submits text, store it in localStorage and display it when the page reloads.

2. Dark Mode Toggle

Implement a dark mode switch that saves user preference in localStorage and applies it when the page loads.

3. Simple Counter

Create a button that increments a counter. Save the counter value in localStorage so it persists between page reloads.

4. Remember User Name

Ask the user for their name and store it in localStorage. Display a greeting using the stored name when the user revisits.

5. Task List App

Build a simple to-do list where users can add, remove, and mark tasks as complete. Save tasks in localStorage.

6. Store User Preferences

Allow users to set font size, background color, and text color. Store these settings in localStorage and apply them on load.

7. Simple Shopping Cart

Create a basic shopping cart where users can add and remove items. Save the cart items in localStorage.

8. Quiz Progress Tracker

Build a quiz where user answers are stored in localStorage, allowing them to resume later.

9. Session Persistence for Login

Simulate a login system where login status is stored in localStorage and persists until the user logs out.

10. Autosave Feature for Notes App

Develop a notes app that automatically saves user input to localStorage every few seconds.