🎯 A lightweight, responsive app to create and manage personalized lists with client-side validation, interactive feedback, and visual accessibility in both light and dark themes.

• Add a custom name to your list (with validation)
• Create, display, and remove individual items
• Responsive modal interface on mobile devices
• Visual alerts for success, warnings, and errors
• Theme auto-adaptation based on OS preference (light/dark)
• Accessible contrast ratio (>7) for better readability

• HTML5
• CSS3 (Responsive Design + Dark Mode)
• JavaScript (DOM Manipulation + Session Storage)

1. Clone this repository:

   git clone https://github.com/mateusaraujos/mini-app-lista

2. Navigate into the project directory:

   cd mini-app-lista

3. Open the index.html file in your browser.

mini-app-lista/
├── index.html
├── style.css
├── script.js
├── pages/
│   ├── list.html
│   ├── list.css
│   └── list.js
└── assets/
    └── readme/
        ├── homeInterface-light.png
        ├── homeInterface-dark.png
        ├── mobileModal-light.png
        ├── mobileModal-dark.png
        └── modalLarge.png