Coding Challenges

Practice building a keyboard-friendly, ARIA-supported accordion component using semantic HTML, responsive CSS, and vanilla JavaScript.

Learn how to use JavaScript Sets and Maps by building a practical function that removes duplicate users and counts how many times each user appears.

Practice JavaScript string methods and regular expressions by building a beginner-friendly username cleaner and validator.

Master JavaScript array manipulation by building a command-driven function that uses push, pop, and splice to transform arrays safely and efficiently.

Learn how to build an accessible tabs component using semantic HTML, CSS, and vanilla JavaScript. Practice keyboard navigation, ARIA attributes, and dynamic tab switching with a beginner-friendly coding challenge and complete solution.

Practice CSS Flexbox by building a responsive product card grid that displays four columns on desktop, two columns on tablet, and one column on mobile.

Create a responsive, beginner-friendly FAQ accordion using semantic HTML, native details and summary elements, and CSS styling without JavaScript.

Create a responsive image gallery with category filter buttons using HTML, CSS, and vanilla JavaScript while practicing DOM manipulation, event handling, and data attributes.

Build a beginner-friendly semantic HTML navigation bar with a site name, accessible links, and simple CSS for a clean horizontal website header.

Practice JavaScript problem solving by building a countVowels function that counts vowels in a string, handles edge cases, and explains the logic step by step.

Practice HTML form elements by creating a clean, accessible contact form page that collects a user's name, email, and message.

Practice basic HTML structure by building a beginner-friendly personal profile webpage with a heading, bio, hobbies list, and link.