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
· Accessibility (WCAG 2.2) Clear- 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 - 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 - 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 - 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 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
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.