Skip to content

CodeCanvas is an interactive learning platform built with Next.js to make mastering JavaScript fun and hands-on. With a split-screen interface, you can read tutorials on one side and write, run, and test your code on the other—without switching tabs.

Notifications You must be signed in to change notification settings

sreya-satheesh/code-canvas

Repository files navigation

CodeCanvas

CodeCanvas is an interactive learning platform built with Next.js to make mastering JavaScript fun and hands-on.
With a split-screen interface, you can read tutorials on one side and write, run, and test your code on the other—without switching tabs.

Screenshot 2025-09-11 110317

Key Features

  • Interactive Code Editor – Write, edit, and experiment with JavaScript right in your browser.
  • Real-Time Output – See your code results instantly as you type.
  • Split-Screen Learning – Learn and practice side-by-side without distractions.
  • Theme Toggle – Switch between light & dark mode for a comfortable experience.
  • Fully Responsive – Learn seamlessly on desktop, tablet, or mobile.

Live Demo

https://code-canvas-ebon.vercel.app/


Built with ❤️ by Sreya

About

CodeCanvas is an interactive learning platform built with Next.js to make mastering JavaScript fun and hands-on. With a split-screen interface, you can read tutorials on one side and write, run, and test your code on the other—without switching tabs.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published