DevElevate - Interactive Coding Challenges
🚀 Master JavaScript and Python with interactive coding challenges directly in VS Code!
✨ Features
- 🎯 Interactive Challenges: 10 handcrafted coding challenges for JavaScript and Python
- 💡 Progressive Hints: Get unstuck with intelligent hint system
- 📊 Progress Tracking: Visual progress bars and completion statistics
- 🎨 Beautiful UI: Modern violet storm theme with glass morphism effects
- ⚡ Real-time Feedback: Instant solution checking and validation
- 📁 Auto-named Files: No more "Untitled" files - challenges create properly named files
- 🏆 Achievement System: Track your coding journey with completion badges
🚀 Quick Start
- Install the Extension: Search for "DevElevate" in VS Code Extensions
- Open a File: Create or open a
.js or .py file
- Start Coding: Open Command Palette (
Ctrl+Shift+P) → "DevElevate: Open Challenges"
- Choose a Challenge: Click any challenge card to start coding
- Get Hints: Stuck? Use the hint button for guidance
- Check Solution: Press
Ctrl+Shift+P → "DevElevate: Check Current Solution"
📱 How to Use
- Open a JavaScript or Python file
- Look for "DevElevate Challenges" in the Explorer sidebar
- Click any challenge to start
Via Commands
Ctrl+Shift+P → "DevElevate: Open Challenges" - Opens the main challenge interfaceCtrl+Shift+P → "DevElevate: Check Current Solution" - Tests your current codeCtrl+Shift+P → "DevElevate: Show Sidebar" - Shows the sidebar panel
🎯 Available Challenges
JavaScript Challenges
- String Reversal: Learn array methods and string manipulation
- Factorial Calculator: Master recursion and mathematical thinking
- Array Sum: Practice array iteration and accumulation
- Palindrome Checker: Combine string methods with logical thinking
- FizzBuzz: Classic programming logic challenge
Python Challenges
- List Comprehension: Master Pythonic list operations
- Dictionary Manipulation: Work with key-value data structures
- File Processing: Learn file I/O and text processing
- Class Implementation: Object-oriented programming practice
- API Simulation: Practice data handling and processing
🎨 Beautiful Interface
DevElevate features a stunning Violet Storm theme with:
- Modern glass morphism effects
- Smooth animations and transitions
- Responsive card-based layout
- Visual progress tracking
- Accessibility-friendly design
🏆 Progress Tracking
- Individual Progress: Track completion for each language
- Overall Statistics: See your total progress across all challenges
- Visual Feedback: Progress bars and completion badges
- Achievement Celebrations: Animated feedback when you complete challenges
🔧 Technical Requirements
- VS Code: Version 1.74.0 or higher
- Node.js: For JavaScript challenge execution
- Python: For Python challenge execution (optional - for Python challenges only)
🌟 Coming Soon
- 🔥 Custom Challenges: Create and share your own challenges
- 🌐 Community Features: Download challenges from other users
- 📈 Advanced Analytics: Detailed progress tracking and insights
- 🤖 AI-Powered Hints: Intelligent, context-aware assistance
- 🏅 Global Leaderboards: Compete with developers worldwide
🐛 Issues & Support
Found a bug or have a feature request?
📄 License
MIT License - See LICENSE file for details.
🙏 Contributing
We welcome contributions! Please see our Contributing Guide for details.
⚡ Happy Coding with DevElevate! ⚡
Elevate your development skills, one challenge at a time.
| |
