Inspiration
As automation and AI tools continue to disrupt industries, millions of jobs—especially entry-level and repetitive roles—are at risk. We noticed that while the world is worried about AI replacing humans, there aren't many tools helping everyday people adapt in time. We built SkillArmor to bridge that gap: an accessible, offline-friendly learning platform focused on the exact skills most vulnerable to AI disruption.
What it does
SkillArmor is a fully static e-learning platform that helps users adapt before AI replaces their jobs. It offers:
- Career-relevant, beginner-friendly courses
- Interactive quizzes
- Dedicated “AI Adaptation” modules in every course
- Auto-generated, styled certificates
- A floating mini-game icon for break-time fun
- A lightweight UI that works without any backend or internet connection
The platform teaches users how to work with AI tools—rather than be replaced by them.
How we built it
We built SkillArmor entirely as a static front-end application, using:
- HTML, CSS, and React Js
- JSON-based course content (no database or API)
- LocalStorage for progress and settings
- Modular, mobile-responsive design
- A game engine embedded in a modal popup
- Light/Dark mode toggle and user experience options
All content is fully hosted, requiring no backend services, making it suitable for low-resource environments.
Challenges we ran into
- Designing a platform that felt modern and interactive without relying on any backend or API
- Balancing content quality with technical constraints (quizzes, modals, certificates)
- Making courses useful to real-world workers without sounding generic
- Building a static game that’s fun yet doesn't distract from learning
Accomplishments that we're proud of
- Created a fully functional, no-backend e-learning platform with 12+ real courses
- Each course includes adaptation content for AI-disrupted jobs like data entry, content writing, and customer support
- Designed a seamless in-browser game experience for fun, non-intrusive study breaks
- Built-in user settings like dark mode and “hide game icon” toggle—without needing accounts or databases
What we learned
- Simplicity can be powerful. You don't need complex infrastructure to deliver real impact.
- When AI becomes a threat, practical education becomes armor.
- Users value control—especially over learning pace, interface, and distractions.
- Static websites can still deliver dynamic experiences when designed with care.
What's next for SkillArmor
- Add more localized courses (e.g., in French, spanish)
- Build a companion mobile app using the same offline-first principles
- Launch a “Reskill Tracker” on NoJobLost.com to assess user risk level and suggest custom learning paths
- Partner with schools, job centers, and governments to reach vulnerable communities
- Introduce gamified certification badges and employer-facing credential verification
SkillArmor isn't just another learning site—it’s a movement to stay employable in the age of AI.
Log in or sign up for Devpost to join the conversation.