IDSM Learning Platform - One Shot Prompt

IDSM Learning Platform is specifically designed for Tax Management and Consultancy education in Tanzania, featuring role-based access, interactive learning modules, and progress tracking.

Comment

Inspiration

Before the hackathon was even announced, I had already started using Bolt.new to prototype the IDSM Learning Platform, now live at https://idsm.training. I was exploring ways to simplify structured learning for tax professionals in Tanzania — a space often underserved by modern tools.

During this early phase, I crafted a long, carefully structured prompt and gave it a single shot inside Bolt.new — and to my surprise, it generated a full, comprehensive system: complete with authentication, a learner/admin dashboard, and structured course content flow. It felt like magic — one clear prompt, and a fully usable learning app was born.

So when the hackathon launched the One-Shot Prompt Challenge, I knew I had a unique edge. I took my original prompt, refined it using ChatGPT, and turned it into a more focused, production-ready one-shot that rebuilt the platform with even better structure, clarity, and design fidelity.

This wasn’t just a build. It was a moment of realizing that AI-assisted software development — when prompted with clarity — can deliver real-world, high-impact products in a single click.

What it does

IDSM Learning Platform is a full-featured Learning Management System that provides:

For Learners:

  • Access to comprehensive tax management courses with structured modules
  • Interactive video lessons, reading materials, and practical notes
  • Progressive quizzes to test understanding and reinforce learning
  • Real-time progress tracking across all courses and modules
  • Beautiful, intuitive dashboard showing learning statistics and achievements
  • Course completion certificates and achievement tracking

For Administrators:

  • Complete user management system with role-based access control
  • Course content management with drag-and-drop module organization
  • Comprehensive analytics and reporting on learner engagement
  • Real-time monitoring of course completion rates and user activity
  • Ability to create, edit, and manage multiple courses and learning paths

Key Features:

  • Responsive design that works seamlessly across desktop, tablet, and mobile
  • Progressive learning with locked content that unlocks as users advance
  • Interactive quiz system with immediate feedback and explanations
  • Modern, production-ready UI with smooth animations and micro-interactions
  • Role-based authentication ensuring secure access to appropriate content

Build Process

  1. Started with a single, well-structured one-shot prompt
  2. Defined the platform layout (learner + admin views)
  3. Implemented scroll-based learning flow with modular sections
  4. Used UI patterns for progress tracking and quizzes
  5. Designed with mobile-first UX and desktop enhancements

How we built it

The entire platform was built using Bolt.new as the primary development environment, showcasing the power of AI-assisted development:

Technical Stack:

  • Frontend: React 18 with TypeScript for type safety and better developer experience
  • Styling: Tailwind CSS for rapid, responsive UI development
  • State Management: React Context API for authentication and user state
  • Routing: React Router for seamless navigation between different sections
  • Icons: Lucide React for consistent, beautiful iconography
  • Build Tool: Vite for fast development and optimized production builds

Architecture Decisions:

  • Component-based architecture with reusable components for maintainability
  • Custom authentication system with role-based access control
  • Modular course structure allowing flexible content organization
  • Progress tracking system that persists user advancement through courses
  • Responsive design patterns ensuring accessibility across all devices

Accomplishments We're Proud Of

  • Built an MVP learning system from a single prompt — live and functional
  • Successfully mimicked structured learning platforms (like Coursera/Udemy) using only AI
  • Brought clarity and accessibility to a technical topic like tax education

What We Learned

  • Bolt.new can deliver full learning platforms when the prompt is structured correctly
  • A clean design system paired with structured logic delivers immediate value to users
  • Progress tracking and content control are crucial for professional learning tools

What’s Next for IDSM

  • Full Supabase integration for role-based access and data tracking
  • User profile system with certification download
  • Multiple program support (Tax, Business Registration, Consultancy)
  • Admin panel for content upload, user activation, and analytics
  • Quiz scoring + feedback logic
  • Mobile PWA mode for offline course access

Built With

  • framer-motion
  • lucide-react
  • react-18
  • react-hook-form
  • shadcn/ui
  • tailwind-css
  • typescript
  • vite
  • zod
Share this project:

Updates