CodeVerse is a modern, static learning platform for beginners who want to learn programming in a structured and engaging way. The project combines clear lesson content, interactive quizzes, progress tracking, and a polished responsive UI.
- A landing page with a strong intro and learning journey
- Course and lesson pages for Python learning
- A progress page that tracks completed lessons in the browser
- A client-side search experience for lessons
- Light/dark theme support
- A clean, responsive design built with HTML, CSS, and vanilla JavaScript
- HTML5
- CSS3
- JavaScript (vanilla)
- Local browser storage for progress and theme settings
codeverse/
├── about.html
├── course-python.html
├── courses.html
├── index.html
├── lesson.html
├── progress.html
├── assets/
├── css/
│ ├── animations.css
│ ├── base.css
│ ├── components.css
│ ├── layout.css
│ ├── tokens.css
│ └── pages/
├── data/
│ ├── courses.js
│ ├── SCHEMA.md
│ └── lessons/
├── docs/
│ ├── codeverse-spec.md
│ └── roadmap.md
├── js/
│ ├── progress.js
│ ├── search.js
│ ├── theme.js
│ ├── ui.js
│ ├── pages/
│ └── render/
- Open the project folder in your editor.
- Start a simple local server, or open the HTML files directly in a browser.
- For the best experience, use a live server extension if available.
The site currently includes:
- Home page
- Courses page
- Python course overview
- Lesson template
- Progress tracking
- Search experience
- About page
Here are a few preview images of the project:
Planned next steps include:
- More lesson content and richer examples
- Expanded quiz coverage
- More course topics beyond Python
- Better polish and accessibility improvements
- Optional backend integration in the future
Contributions and suggestions are welcome. If you would like to improve the project, feel free to fork the repository and submit a pull request.
Nahor
GitHub: https://github.com/nahor-dev