cobalt-interactive

bySmit Bhikadiya

Create an interactive coding education website for beginners. Include Home, HTML, CSS, JavaScript, Python, Courses, Tutorials, Challenges, and Contact sections. Add course cards, lesson lists, coding tips, quiz cards, progress indicators, and a simple online code editor UI. Use JavaScript for interactive quizzes and progress tracking. Make the interface modern, clean, responsive, and beginner-friendly.

Home
Home

Comments (0)

No comments yet. Be the first!

Project Tasks

24 planning tasks
#1

Generate system requirement document

0m 31s0.1 cr usedDone
#2

Generate personas & user flows

0m 29s0.1 cr usedDone
#7

Create flow for Beginner Learner

0m 7sDone
#8

Home

5m 30sDone
#26

Repair Home JSX

0m 47s0.2 cr usedDone
#19

Home / Navigation Bar

0m 51s0.8 cr usedDone
#20

Home / Hero

1m 4s0.8 cr usedDone
#21

Home / Featured Courses

1m 5s0.8 cr usedDone
#22

Home / CTA

0m 57s0.8 cr usedDone
#23

Home / Site Footer

0m 22s0.8 cr usedDone
#24

Navigation Bar

0m 51sDone
#25

Site Footer

0m 22sDone
#9

HTML

0m 37sCancelled
#10

CSS

0m 35sCancelled
#11

Java Script

0m 33sCancelled
#12

Python

0m 31sCancelled
#13

Courses

0m 30sCancelled
#14

Tutorials

0m 28sCancelled
#15

Challenges

0m 26sCancelled
#16

Code Editor

0m 25sCancelled
#17

Progress

0m 23sCancelled
#18

Contact

0m 21sCancelled
#5

Architecture

0.1 cr neededBacklog
#6

Workspace task plan

0.1 cr neededBacklog
Preview dataChanges stay in this preview.
Home design preview
Home: Read platform introduction
Courses: 1. Browse course cards
HTML: 2. View HTML lessons
CSS: 3. View CSS lessons
JavaScript: 4. View JavaScript lessons
Python: 5. View Python lessons
Tutorials: 6. Study tutorial content
Tutorials: 7. Review coding tips
Challenges: 8. Select quiz or challenge
Challenges: 9. Complete quiz challenge
Code Editor: 10. Write practice code
Code Editor: 11. Run and view output
Progress: 12. Review progress indicators
Contact: Submit support inquiry
Preview dataChanges stay in this preview.
Home design preview
Home: Read platform introduction
Courses: 1. Browse course cards
HTML: 2. View HTML lessons
CSS: 3. View CSS lessons
JavaScript: 4. View JavaScript lessons
Python: 5. View Python lessons
Tutorials: 6. Study tutorial content
Tutorials: 7. Review coding tips
Challenges: 8. Select quiz or challenge
Challenges: 9. Complete quiz challenge
Code Editor: 10. Write practice code
Code Editor: 11. Run and view output
Progress: 12. Review progress indicators
Contact: Submit support inquiry