https://github.com/sreya-satheesh/code-canvas-demo
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.
https://github.com/sreya-satheesh/code-canvas-demo
javascript neumorphism webapp
Last synced: 10 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/sreya-satheesh/code-canvas-demo
- Owner: sreya-satheesh
- Created: 2025-08-12T14:17:54.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-08-13T05:13:31.000Z (11 months ago)
- Last Synced: 2025-08-13T07:08:00.065Z (11 months ago)
- Topics: javascript, neumorphism, webapp
- Homepage: https://code-canvas-private.vercel.app/
- Size: 5.86 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CodeCanvas (Demo)
**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.
## ✨ 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-private.vercel.app/
---
*Built with ❤️ by **Sreya***