← Back to KidsCode Home
Step 1🌐Open KidsCode
Your coding adventure begins right on the homepage!
- Visit the main KidsCode website.
- Read the platform introduction to see how fun coding is.
- Explore coding worlds, AI basics, interactive projects, achievements, certificates, and parent support features.
- Click the bright "Get Started" or "Sign Up" button to begin.
💡 Note: KidsCode works great on laptops, tablets, and computers. Set your screen width to 1024px or higher for the best coding layout!
Step 2👤Create Your Account
Creating your profile is super fast and child-safe!
🆕 New Users:
- Click on the Sign Up tab.
- Enter your Name, Email Address, and choose a strong Password.
- Click Create Account to verify and start.
🔑 Existing Users:
- Simply log in with your registered Email and Password.
🔒 Child Safety First: KidsCode aligns with COPPA guidelines. We use a secure email OTP verification to protect student profiles.
Step 3🏠Open Dashboard
Your dashboard is your personal Coding Headquarters! Here's a tour of what's inside:
| Component |
What it Shows |
| 👦 Student Profile |
Your avatar, username, and level badge. |
| 🔥 XP & Achievements |
Your daily streak count, total experience points (XP), and badges. |
| 📊 Learning Progress |
Progress trackers for Python, JS, HTML, and Scratch. |
| 📈 Coding Statistics |
Numbers showing how many lessons you solved. |
| 👨👩👧 Parent Zone Access |
A button for parents to check your reports and certifications. |
| 📋 Recent Activity |
A list of your latest completed lessons and puzzles. |
Step 4⚙️Explore Settings & Lessons
Make the platform uniquely yours before you jump into coding!
⚙️ Settings & Customization:
- Click on Edit Profile to pick a cool avatar (fox 🦊, bear 🐻, frog 🐸, or unicorn 🦄!).
- Update your theme preferences, turn sound effects on/off, or switch on Dark Mode 🌙.
📚 Pick a Lesson World:
- HTML Basics: Build your first web structures.
- CSS Styling: Make websites colorful and pretty.
- JavaScript: Make web pages react to clicks and taps.
- Python: Write clean logic commands.
- AI Basics: Learn how smart machines think.
Step 5🌍Enter Coding Worlds
Click "Start World" to open the Interactive Coding Workspace!
- Read instructions: Learn the goal of the puzzle on the left panel.
- Write code: Type your solutions in the middle code editor.
- Run code: Click the Run Code ▶ button to see if it works!
- Fix errors: If it fails, read the error message or click Hint 💡 for assistance.
- Submit solution: Click Submit Code 🚀 to earn XP points, level up, and unlock your next quest!
Step 6💡Advanced Learning Modes
Accelerate your learning path with these special tools:
- 🔎 Code Reveal Mode: Stuck on a hard level? Open Code Reveal to see expert solutions and compare your code logic.
- 📦 Download Resources: Download project lesson summaries and source code files to practice offline on your computer.
- ⚔️ Challenge Mode: Solve Beginner, Intermediate, or Advanced riddles to win rare badges and double XP.
Step 7👨👩👧Connect with Parent Zone
Keep your guardians in the loop! The Parent Zone helps parents and teachers support your education.
- Progress Tracking: Parents can see which languages you are learning.
- Time Logs: Monitor screen time to ensure healthy coding habits.
- Skill Analysis: Visual charts display your development in variables, logic, and design.
💡 Tip for Teachers: The Parent Zone works as a classroom manager where you can track entire groups of students!
Step 8📄Parent Reports & Certificates
Celebrate your coding achievements and share them with the world!
🏆 Visual Milestone Summaries:
- Confirm your profile accuracy and view aggregate learning statistics.
- Verify completed worlds, lesson totals, and earned trophies.
📥 Downloadable PDF Files:
- Progress Report PDF: Detailed gradebook sheets.
- Achievement Report PDF: Displaying all unlocked trophies.
- Graduation Certificate PDF: High-resolution certificate showing course completion!
🎯Recommended First-Time User Flow
We recommend new students follow this optimal path to get started:
First Hour Adventure Map
Homepage
➜
Sign Up
➜
Login
➜
Dashboard
➜
Start HTML World
➜
Run First Code
➜
Earn First Trophy