‘Vibing’ with Claude Code

Vibe Coding is arguably becoming one of the hottest topics of 2025 and 2026, with more and more of the big AI players such as ChatGPT, Claude and Gemini now able to create fully functional code for websites, applications and more. After creating some small-scale tools, such as my Caption Converter or my Moodle Quiz to XML creator, I wanted to see how far I could push the limits of AI tools.

In the short space of about 2-3 weeks and countless times of running out of usage on Claude Code, I have developed a small, bespoke and gamified E-Learning platform which takes elements of traditional Learning Management Systems, Authoring Tools and gamified E-Learning mobile applications and combines them all into one platform.

Meet Bite Size Learning

Bite Size Learning is a web-based learning management system that is designed to make education engaging and habit-forming. Built using modern web technologies, the platform combines comprehensive modular course management, a range of interactive content, and gamified mechanics to keep students motivated and progressing.

It’s not just a tool for students; it’s a powerful tool for teachers, allowing them to build lessons using a block-based system that combines text, images, videos, accordions and many more widgets. Lessons can then be plugged into courses or multiple courses, enabling a truly modular way of creating and delivering courses.

As mentioned, gamified elements keep students engaged and focused, such as experience points for completing lessons, courses and quizzes. Achievements are awarded for completing specific tasks, such as scoring 100% in a quiz, completing a series of lessons in a row, and many others. Additionally, students are rewarded for consistent logging in via a popular streak mechanic, found on many other platforms. It even gets competitive by displaying your progress on a leaderboard, so you can compare it with other students.

Responsive and Accessible

I wanted to ensure that this application runs on as many devices as possible and reaches the widest range of students. That is why this application has been built using modern web technologies that adapt to any device. It supports dark and light themes based on user preference, and animations and sounds in the app can also be disabled. Speaking of apps, it can be installed as a Progressive Web App (PWA), meaning it has its own app icons on a mobile device.

For accessibility, it complies with many WCAG criteria, for example, strong contrasting colours, proper page landmarks, alt-text options for images, focus indicators and much more. Of course, there is plenty of scope for improvement, and accessibility will continue to improve.

Technology

The full stack behind Bite Size Learning includes:

Frontend:

  • React
  • Vite
  • Tailwind CSS

Backend:

  • Node.js
  • Express
  • SQLite

Limitations of Vibe Coding

At the time of writing, within the Claude Code environment, the limitations of Vibe Coding are very small. Using the Sonnet model, it was able to complete almost every request, with some requests requiring a bit of back-and-forth prompting. It is truly expanding the horizons of designers who don’t come from strong coding backgrounds and want to focus more on the user experience, and it supports rapid prototyping.

It does warrant caution regarding the robustness of the code in the app, especially when it comes to user data. For this reason, the only user data the app collects is usernames and email addresses, and steps have been taken to protect user data. Maybe once the new Mythos model comes out, it will be able to seek out vulnerabilities in the codebase.

Can I try it out?

Yes! Like all my other projects, you are welcome to try out Bite Size Learning today! Sign up for a free account and check out the existing courses that I have. Please be warned that this project was focused on building the LMS and user experience. Meaning that the courses themselves are very much lacking in detail. If you are interested in trying out Bite Size Learning as a teacher, to create courses, create a free account and reach out to me for access.

Additionally, the app is almost ready for release on the Google Play Store, the first time I have released an app in over 10 years.

Screenshots