Codealoy

nextjs tailwindcss typescript react hono lucia-auth postgresql mdx sandpack shadcn-ui nodejs
Codealoy

Table of Contents

This is a list of all the sections in this post. Click on any of them to jump to that section.

Codealoy

An open-source interactive learning platform designed to make learning programming & web development easier in Bangla (Bengali Language). Codealoy provides hands-on learning experiences through real-world projects, featuring a cloud-based live coding editor that enables learners to practice coding directly within their browser without the need for local setup.

✨ Features

  • 📚 Interactive Learning Content – Comprehensive programming and web development courses in Bangla, making technical education accessible to Bengali speakers.

  • 💻 Cloud-Based Live Coding Editor – Powered by Sandpack, learners can practice coding directly in the browser without any local setup. Write, run, and see results instantly.

  • 🎯 Hands-On Learning – Learn through real-world projects and practical exercises that build actual programming skills.

  • 📖 MDX-Based Content – Rich, interactive content using MDX (Markdown + JSX) for a seamless learning experience.

  • 🎨 Modern UI – Beautiful, accessible interface built with Shadcn UI and Tailwind CSS for an optimal learning experience.

  • 🔓 Open Source – Completely open-source, allowing the community to contribute, improve, and customize the platform.

  • 🇧🇩 Bangla-First – Designed specifically for Bengali-speaking learners, breaking language barriers in technical education.

🎯 Target Audience

  • Beginners – Those starting their programming journey and looking for resources in Bangla.
  • Students – Learners who prefer learning in their native language (Bangla).
  • Educators – Teachers looking for interactive teaching tools for programming courses.
  • Self-Learners – Individuals seeking structured, hands-on learning paths in web development.

🛠️ Tech Stack

  • Next.js – React framework for building the platform with server-side rendering and optimal performance.
  • React – Powers dynamic and interactive user interface components.
  • TypeScript – Provides robust type safety and enhances developer productivity.
  • Shadcn UI – High-quality, accessible component library built on Radix UI.
  • Tailwind CSS – Utility-first CSS framework for rapid, responsive styling.
  • MDX – Markdown with JSX support for creating rich, interactive content.
  • Sandpack – Interactive code editor and live preview environment by CodeSandbox.
  • Hono – Fast and lightweight web framework for the Edge.
  • Lucia Auth – Modern authentication library with built-in security features.
  • PostgreSQL – Powerful, open-source relational database system.
  • Node.js – JavaScript runtime for building scalable backend services.