Skip to content

software-development-course-2025/web-development-v2-week-6-assignment

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

⚡ Interactive Web Pages with JavaScript

Status Made with License Accessibility Responsive

This project demonstrates JavaScript event handling, interactive UI elements, and custom form validation without reloading the page.
Built with semantic HTML5, CSS3, and vanilla JavaScript — no frameworks.


✨ Features Overview

Feature Description
🌗 Theme Toggle Switch between light/dark themes, saved in localStorage.
🔢 Counter Game Increment/decrement/reset via buttons or keyboard (, , R).
❓ Accessible FAQ Expand/collapse questions with smooth animation & ARIA attributes.
📝 Custom Form Validation Full validation (name, email, password, confirmation, terms) with inline messages and accessible feedback.

🖼️ Demo & Screenshots

Theme Toggle

Theme Toggle

Counter with Keyboard

Counter Demo

FAQ (Collapsible)

FAQ

Sign-up Form Validation

Form Validation


🚀 Live Preview

👉 GitHub Pages Deployment


📂 Project Structure

.
├── index.html        
├── style.css
├── script.js         
├── assets/           # Images and GIFs
└── README.md

👨‍💻 Author

Augusto Mate
📧 [email protected]


Crafted with attention to UX, accessibility (ARIA, keyboard support), and clean code — perfect for academic and professional showcase.

About

A project showcasing dynamic web development with JavaScript, including event handling, interactive components, and custom form validation.

Topics

Resources

Stars

Watchers

Forks

Languages