https://github.com/m1chtv/mich-code-quest

interactive web application that helps users improve their programming skills
https://github.com/m1chtv/mich-code-quest

challenge javascript javascript-game js programming quests

Last synced: about 2 months ago
JSON representation

interactive web application that helps users improve their programming skills

• Host: GitHub
• URL: https://github.com/m1chtv/mich-code-quest
• Owner: m1chtv
• License: mit
• Created: 2024-09-14T12:37:51.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-09-14T13:42:52.000Z (8 months ago)
• Last Synced: 2025-01-29T06:49:31.854Z (4 months ago)
• Topics: challenge, javascript, javascript-game, js, programming, quests
• Language: JavaScript
• Homepage: https://m1ch.ir/
• Size: 6.84 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# mich-code-quest

# https://m1chtv.github.io/mich-code-quest/

mich Code Quest is an interactive web application that helps users improve their programming skills through various coding challenges. Users can select from different difficulty levels, view tasks, solve them in the code editor, and receive feedback in real-time.

## Features

- Difficulty Levels: Choose between Easy, Medium, Hard, and Legendary tasks.

- Task Hints: Get step-by-step hints for solving difficult tasks.

- Save Progress: Automatically saves the user's progress using local storage.

- Code Editor: A built-in code editor to type and run code directly in the browser.

- Responsive Design: Fully responsive layout, optimized for desktop and mobile devices.

- Task Filtering: Filter tasks by difficulty level via an interactive sidebar.

- Dynamic Feedback: Get real-time feedback on the correctness of your solution.

## Tech Stack

- HTML: Structure of the web page.

- CSS: Styling, with responsive design using Bootstrap 4.

- JavaScript: Dynamic features, task logic, code execution, and feedback.

## How It Works

1. Select Difficulty Level: In the sidebar, choose a difficulty level (Easy, Medium, Hard, Legendary) to load tasks related to that level.

2. Choose a Task: From the displayed tasks, click on a task to view its description.

3. Solve the Task: Write your solution in the code editor and click "Run Code".

4. Receive Feedback: If your solution is correct, you'll get a success message. If not, you'll receive an error message or the result of your code.

5. Task Hint: If you need help, click the "Show Hint" button to get a hint for the selected task.

6. Progress Saving: Your progress (completed tasks) is saved automatically using local storage.

## Contributing

If you'd like to contribute to this project:

1. Fork the repository.

2. Create a new branch.

3. Make your changes.

4. Submit a pull request.