military_tech Coding Challenges & Projects

Frontend & Full-Stack Coding Challenges

Build real-world web apps with design specifications, starter files, and user stories. Submit live demos, earn verified XP points, and build an engineering portfolio that stands out to recruiters.

add_circle Upload Challenge (95% Royalties)

Earn 95% on every PRO challenge sale

TOTAL CHALLENGES

FREE CHALLENGES

star PRO / PAID CHALLENGES

groups COMMUNITY CREATED

SOURCE: All Sources verified Syntaxis Official groups Community Created (0)

ACCESS: All Tiers Free (30) star PRO (20)

DIFFICULTY: All Levels 1 Newbie 2 Junior 3 Intermediate 4 Advanced 5 Guru

STACK: HTML & CSS JavaScript React / Next.js Vue.js Tailwind API Integration Full-Stack

FREE

1 Newbie

HTML CSS JavaScript

Profile Card Studio

Build a premium developer/social profile card with follower stats, interactive follow state, project metrics, and bespoke badge styling.

bolt +100 XP 120m

Explore arrow_forward

FREE

1 Newbie

HTML CSS JavaScript

QR Payment Card

Create a modern payment request screen with animated countdown timer, interactive QR code, copyable invoice reference, and live status feedback.

bolt +100 XP 120m

Explore arrow_forward

FREE

1 Newbie

HTML CSS JavaScript

Recipe Page

Create a beautiful food recipe page with warm editorial typography, custom dish illustration, interactive servings calculator, and nutritional table.

bolt +100 XP 120m

Explore arrow_forward

FREE

1 Newbie

HTML CSS JavaScript

Newsletter Signup

Create an editorial newsletter signup screen with custom illustration, benefit checkpoints, client-side validation, error animations, and confirmation state.

bolt +100 XP 120m

Explore arrow_forward

FREE

1 Newbie

HTML CSS JavaScript

Interactive Rating

Customer support rating interface with 1–5 rating selection, keyboard navigation, animated submit transition, and thank-you confirmation card.

bolt +100 XP 120m

Explore arrow_forward

FREE

1 Newbie

HTML CSS JavaScript

FAQ Accordion

Create an elegant FAQ page with animated accordions, keyboard accessibility, plus/minus indicators, and category tabs.

bolt +100 XP 120m

Explore arrow_forward

FREE

1 Newbie

HTML CSS JavaScript

SaaS Pricing Toggle

Create SaaS pricing cards with interactive monthly and yearly billing toggle, badge discounts, and plan comparison.

bolt +100 XP 120m

Explore arrow_forward

FREE

1 Newbie

HTML CSS JavaScript

Luxury Fragrance Product Preview

Luxury ecommerce product preview card with custom vector perfume illustration, rating reviews, quantity stepper, and dynamic add-to-cart toast.

bolt +100 XP 120m

Explore arrow_forward

FREE

1 Newbie

HTML CSS JavaScript

Results Summary

Assessment performance score card with visual percentile comparisons, category breakdowns, and animated retake capability.

bolt +100 XP 120m

Explore arrow_forward

FREE

1 Newbie

HTML CSS JavaScript

Social Links Profile

Minimal dark personal link tree and developer profile card with custom vector avatar and copy portfolio link state.

bolt +100 XP 120m

Explore arrow_forward

FREE

1 Newbie

HTML CSS JavaScript

Blog Preview Card

Playful neo-brutalist editorial article preview card with original illustration, interactive bookmark, and tag styling.

bolt +100 XP 120m

Explore arrow_forward

FREE

1 Newbie

HTML CSS JavaScript

Accessible Contact Form

Accessible contact form with custom radio query tiles, field-level real-time error states, consent checkbox, and animated submission confirmation.

bolt +100 XP 120m

Explore arrow_forward

FREE

3 Intermediate

HTML CSS JavaScript

Todo Application

Polished responsive task board with adding, filtering (All/Active/Completed), item counter, clear completed, and theme toggle.

bolt +180 XP 240m

Explore arrow_forward

FREE

3 Intermediate

HTML CSS JavaScript

Weather Dashboard

Responsive weather dashboard with city search, detailed metrics (humidity, wind, UV, feels-like), and a 5-day forecast with original vector weather icons.

bolt +180 XP 240m

Explore arrow_forward