Skip to content

MomenElsayedDev/Code_For_Kids_JS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎨 Code4Kids JS

Code4Kids JS is an interactive web-based platform designed to teach children the fundamentals of JavaScript programming in a fun, safe, and engaging way.


🖼️ Project Preview

Code4Kids JS Preview

You can replace the image path with your own screenshot or banner.


🚀 Features

  • 🎯 Beginner-friendly JavaScript lessons
  • 🧒 Designed especially for kids & young learners
  • ✨ Interactive code editor with syntax highlighting
  • ▶️ Run JavaScript code directly in the browser
  • 🔊 Voice explanation for each lesson (Text-to-Speech)
  • 🌗 Light & Dark mode
  • ✅ Lesson progress tracking
  • 🔐 Login & Sign Up system
  • 🎨 Colorful, kid-friendly UI

🧩 Technologies Used

  • HTML5
  • CSS3 (Custom UI + CSS Variables)
  • JavaScript (Vanilla JS)
  • CodeMirror
  • Web Speech API
  • LocalStorage

📚 Lessons Included

  • Hello World
  • Variables & Comments
  • Strings & Template Literals
  • Conditions (if / switch)
  • Loops (for / while / forEach)
  • Functions & Arrow Functions
  • Arrays & Objects
  • map / filter / reduce
  • JSON & RegEx
  • Date Object
  • Destructuring
  • And more...

🖥️ Project Structure

Code4Kids-JS/
├── assets/
│   └── background.png
│   └── banner.jpeg
├── index.html
├── style.css
├── script.js
└── README.md

How to Run

Clone the repository:

git clone https://github.com/your-username/code4kids-js.git

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors