Sharpen Your Coding Skills

Create a bio page with headings, paragraphs, a photo, and links to social profiles.

Design a signup form using all major input types: text, email, password, checkbox, and submit.

Build an HTML table with headers, merged cells (colspan/rowspan), and basic CSS styling.

Build a blog-style page using semantic elements: header, nav, main, article, aside, footer.

Center an element both horizontally and vertically using 3 different CSS techniques.

Build a responsive card grid that adapts from 1 to 3 columns using CSS Grid.

Create a button with a hover glow effect and a spinner animation using @keyframes.

Implement a light/dark mode toggle using CSS variables and a class on the body element.

Build a page with a sticky navbar and scroll-snap sections for a smooth scroll experience.

Write a function that reverses a string without using the built-in reverse() method.

Print numbers 1–100, replacing multiples of 3 with Fizz, 5 with Buzz, 15 with FizzBuzz.

Determine if a given string reads the same forwards and backwards.

Fetch users from a public API and render them as cards with name, email, and avatar.

Implement a debounce utility that delays function execution until after a wait period.

Write a function to deep-clone a nested object without using JSON.parse/JSON.stringify.

Given a sentence, count the frequency of each word and print the top 5 most common.

Write a generator function that yields Fibonacci numbers lazily on demand.

Read a text file and return the total number of words, lines, and unique words.

Write a recursive function to flatten an arbitrarily nested list into a flat list.

Fetch a Wikipedia page and extract all headings using requests and BeautifulSoup.

Build a simple object-relational mapper that maps Python classes to SQLite tables.

Write queries using SELECT, WHERE, ORDER BY, and LIMIT on a products table.

Use INNER JOIN to combine an orders table with a customers table to show order details.

Use COUNT, SUM, AVG, MIN, MAX and GROUP BY to analyze a sales dataset.

Find all customers who spent more than the average order amount using a subquery.

Rank employees by salary within each department using ROW_NUMBER and RANK.

Define an interface for a User with optional fields, nested types, and union types.

Implement a generic Stack<T> class with push, pop, peek, and isEmpty methods.

Use Partial, Required, Readonly, and Pick to transform an interface in 4 exercises.

Build a strongly typed event emitter that enforces correct payloads per event name.

Build a counter with increment, decrement, and reset buttons using useState.

Fetch a list of posts from an API and display them with a loading skeleton.

Write a custom hook that syncs state with localStorage and handles SSR safely.

Implement infinite scroll using IntersectionObserver and paginated API calls.