GIG AIOU Global: From Vision to Reality
Introducing GIG AIOU Global - AI-Powered Microlearning Platform I'm thrilled to announce the successful deployment of GIG AIOU Global, an accessible microlearning platform focused on AI literacy, mental health, and women's empowerment! After overcoming significant technical challenges, our platform is now live at GIG AIOU Global.
Key Features •Accessibility-First Design: •Standard mode with balanced audio and visual content •Audio-first mode for visually impaired learners •Visual-first mode for Deaf and Mute learners
•Three Learning Pathways: •AI Literacy: Understanding artificial intelligence fundamentals and applications •Mental Health: Resources and techniques for maintaining mental wellbeing •Women Empowerment: Content designed to inspire and educate women
•User-Centric Experience: •Intuitive dashboard for progress tracking •Certification system for completed learning pathways •AI chatbot integration for learning assistance
Technical Journey
Building GIG AIOU Global was not without challenges! Initially, we encountered persistent npm dependency issues in our development environment:
Plain Text [plugin:vite:esbuild] Transform failed with 1 error: ERROR: Expected "}" but found "s"
After multiple attempts with npm, we pivoted to a more streamlined approach: 1.Switched from Next.js to Vite for a lighter, more reliable build process
2.Implemented Tailwind CSS for responsive, mobile-first design
3.Used React with TypeScript for robust component architecture
4.Deployed to Netlify for reliable, global accessibility
Code Snippet: Accessibility Mode Toggle One of our core features is the ability to switch between different accessibility modes: JSX const [accessibilityMode, setAccessibilityMode] = useState('standard'); const toggleAccessibilityMode = (mode) => { setAccessibilityMode(mode); // Apply appropriate styling and content adaptations document.documentElement.setAttribute('data-mode', mode); }; return (
toggleAccessibilityMode('standard')} className={accessibilityMode === 'standard' ? 'active' : ''} title="Standard mode (audio and visual)" ><button
onClick={() => toggleAccessibilityMode('audio')}
className={accessibilityMode === 'audio' ? 'active' : ''}
title="Audio-first mode (for visually impaired users)"
>
<span className="icon"></span>
</button>
<button
onClick={() => toggleAccessibilityMode('visual')}
className={accessibilityMode === 'visual' ? 'active' : ''}
title="Visual-first mode (for deaf and mute users)"
>
<span className="icon"></span>
</button>
Mobile-First Design GIG AIOU Global is designed with mobile users in mind, ensuring that learning can happen anywhere, anytime: •Responsive layout that adapts to any screen size •Touch-friendly interface elements •Optimized performance for mobile networks
Global Impact Our mission with GIG AIOU Global is to make education accessible to everyone, regardless of their abilities or learning preferences. By focusing on AI literacy, mental health, and women empowerment, we aim to address critical knowledge gaps and empower individuals worldwide.
What's Next? We're just getting started! Our roadmap includes: •Enhanced AI chatbot capabilities with OpenAI integration •Expanded module library across all three learning categories •Community features to connect learners with similar interests •Native mobile apps for Android and iOS
Acknowledgments Special thanks to the incredible support from the tech community in helping overcome our development challenges. The journey from persistent npm errors to a fully deployed platform demonstrates the power of persistence and collaborative problem-solving.
Try out GIG AIOU Global today at https://admirable-medovik-e27d89.netlify.app/ and let me know your thoughts!
Log in or sign up for Devpost to join the conversation.