Computer Science
Frontend Development Challenges
Frontend Development challenges put you inside the work of building interfaces people actually use. You'll develop skills in HTML & CSS, the DOM, React, and Tailwind, composing interfaces through component composition and wiring up state management.
From there you'll handle the harder edges — design-system architecture, Next.js / Vue app architecture, SSR / SSG strategy, and web performance (Lighthouse, Core Web Vitals) — building accessibility (WCAG 2.2) into every screen the way product teams actually do. Each challenge you solve earns a verified credential you can share with recruiters.
Recommended Challenges
- CodeIntermediateNew
Build an Accessibility-First Visualization Component Library
Build a React + TypeScript component library exporting 4 chart components. Each component must: (a) be navigable by keyboard, (b) expose data via accessible name + ARIA descript…
- Accessibility (Wcag 2.2)
- Accessibility (Wcag 2.2)
- React
Information and Data Visualization - CodeBeginnerNew
Performance Optimization for a Slow Storefront
Run Lighthouse + WebPageTest baselines on 3 representative pages (home, product detail, cart). Set up Real User Monitoring (RUM) via Vercel Analytics or web-vitals.js. Ship 5 di…
- Web Performance
- Web Performance (Lighthouse, Core Web Vitals)
- Nextjs
Web Application Development - DesignIntermediateNew
Prototype an Embedded Dashboard for an EV Charger
Define the 3 user modes (driver: 4 screens, operator: 5 screens, technician: 3 screens) and their entry conditions (NFC card type, PIN, technician key). Build a 12-screen protot…
- Embedded Ui
- Figma
- Framer
User Interface Design and Prototyping - CodeIntermediateNew
Real-Time Collaboration Whiteboard with WebSockets
Design the board state model (sticky notes + cursor positions) and pick a conflict-resolution approach (last-write-wins for v1, or operational-transform if scoping allows). Buil…
- Websockets
- React
- Nodejs
Web Application Development Practice your coursework on real scenarios.
Every challenge is shaped from real industry context — not generic exercises. The work mirrors what your degree prepares you for.
Why Ewance
- ResearchBeginnerNew
Build an Accessibility Checklist for a Voice Health Assistant
You receive 20 audio samples spanning accents and speech patterns, the assistant's published dialog state machine, and a list of current voice prompts. Audit the assistant for i…
- Accessibility (Wcag 2.2)
- Interaction Design
- Evaluation
Human-Computer Interaction for AI Systems - CodeBeginnerNew
Build a Booking Web App for a Boutique Hotel Group
Design the data model (properties, rooms, availability, bookings, guests). Build the Next.js app with the App Router: 4 public pages (search, results, room detail, checkout), 1 …
- Nextjs
- React
- REST API Design
Web Application Development - CodeBeginnerNew
Responsive Web Redesign for SaaS Scale-up
You are to redesign the TaskFlow website's homepage, pricing page, and a new 'Enterprise' landing page. The redesign must be responsive (mobile-first) and built with HTML/CSS/JS…
- Html & Css
- Html & Css
- Python Or Javascript
Web and Mobile Application Development - AnalysisIntermediateNew
Accessibility Audit and Remediation Plan for a B2B SaaS Dashboard
Run an automated audit (axe DevTools + Lighthouse) plus manual testing with NVDA screen reader + keyboard-only navigation across 12 dashboard pages. For each failure, classify b…
- Accessibility (Wcag 2.2)
- Wcag Audit
- Usability Evaluation
Human-Computer Interaction - Browse challenges
Explore role
Product Manager
Ship product that solves real user problems. Combine user research, prototyping, and stakeholder alignment to turn ambiguous briefs into measurable wins — the role at the centre of modern software teams.
How it works
From brief to credential, in six steps.
Step 01
Browse challenges aligned to your studies.
Step 02
Accept the one that fits your goals.
Step 03
Work through it with AI Copilot guidance.
Step 04
Submit for structured evaluation.
Step 05
Earn a verified credential.
Step 06
Add it to LinkedIn with one click.
Related skill families
Browse all skillsIndustry teams behind a decade of practitioner briefs
Hiring from this pool?
Sponsor a challenge and meet candidates through actual work.
Industry teams can shape briefs around the skills they hire for, then evaluate students on rubric-scored deliverables — not resumes.