An educational platform that generates programming study materials with ChatGPT

The goal was to create a scalable platform that:

• Lets users create programming study sets.
• Automates content generation with artificial intelligence.
• Provides a responsive, intuitive user interface.
• Allows users to analyze their progress and identify areas that need more work.

The biggest challenge was integrating AI so that content could be generated automatically and at scale while still being of high educational quality.

The Boring Owl team designed and delivered a fully functional learning app using a modern tech stack:

• Frontend: React.js with the Next.js framework for a dynamic, responsive interface. Styling based on styled-components.
• Backend: Node.js + Express.js together with Strapi CMS, serving as both the content management system and the application engine.
• Database: A GraphQL-based solution for efficient data exchange between the frontend and the backend.
• AI integration: The ChatGPT API for automatically generating learning content (questions and quizzes) from the admin panel.
• Hosting and CI/CD: Vercel for fast, hassle-free deployments.

• Flashcard sets with questions and answers.
• Automatic content generation by ChatGPT based on selected tags.
• A test mode with instant feedback and results analysis.
• Sign-up/login with email or social media.
• A responsive interface for learning on any device.

• Lower costs thanks to automated content generation
• Much less time needed to create and update learning materials thanks to the ChatGPT integration.
• A highly responsive app that is accessible on different devices.

This programming learning web app is a great example of a modern educational tool that combines ease of use with advanced AI-powered features. Thanks to smart content generation and a user-friendly interface, users can build their programming skills effectively anywhere, anytime.