DSCode is a free, comprehensive learning platform for mastering Data Science, AI, and Machine Learning. With 445+ curated problems across 16 topics including Python, ML, Deep Learning, NLP, Computer Vision, Gen AI, RAG, and AI Agents, DSCode helps you build job-ready skills through hands-on practice. Track your progress, practice in dark mode, and prepare for interviews - all completely free.
- 250+ Curated Problems across 10+ topics
- Progress Tracking with localStorage persistence
- Difficulty Filters (Easy, Medium, Hard)
- Real-time Search functionality
- Dark Mode support with preference saving
- Topic-based Organization with progress bars
- Learning Roadmap with structured path
- Keyboard Shortcuts for power users
-
Fork or Clone this Repository
git clone https://github.com/yourusername/DSCode.git cd DSCode -
Push to Your GitHub Repository
git init git add . git commit -m "Initial commit - DSCode platform" git branch -M main git remote add origin https://github.com/yourusername/DSCode.git git push -u origin main
-
Enable GitHub Pages
- Go to your repository on GitHub
- Click Settings → Pages (in left sidebar)
- Under Source, select
mainbranch - Select
/ (root)folder - Click Save
-
Access Your Site
- Your site will be live at:
https://yourusername.github.io/DSCode/ - Initial deployment takes 2-5 minutes
- Your site will be live at:
-
Add a file named
CNAMEin the root with your domain:dscode.yourdomain.com -
Configure DNS records at your domain provider:
Type: CNAME Name: dscode Value: yourusername.github.io
DSCode/
├── index.html # Main HTML with all problems
├── styles.css # Styling with dark mode
├── script.js # Interactive features
└── README.md # Documentation
Option 1: Direct File
# Simply open index.html in your browser
open index.html # Mac
start index.html # WindowsOption 2: Local Server
# Python 3
python -m http.server 8000
# Node.js
npx serve
# Visit: http://localhost:8000- 🐍 Python Fundamentals (20 problems)
- 📊 NumPy & Pandas (25 problems)
- 📈 Statistics & Probability (20 problems)
- 🤖 Machine Learning (30 problems)
- 🧠 Deep Learning (25 problems)
- 💬 Natural Language Processing (20 problems)
- 👁️ Computer Vision (18 problems)
- 🗄️ SQL for Data Science (22 problems)
- ⚙️ Feature Engineering (15 problems)
- 🚀 MLOps & Deployment (15 problems)
Ctrl/Cmd + K- Focus searchCtrl/Cmd + D- Toggle dark mode
Edit index.html:
<div class="problem-item" data-difficulty="medium" data-topic="ml" data-problem-id="ml_new">
<div class="problem-checkbox">
<input type="checkbox" id="ml_new">
<label for="ml_new"></label>
</div>
<div class="problem-content">
<a href="#" class="problem-title">Your Problem Title</a>
<span class="badge badge-medium">Medium</span>
</div>
</div>Edit styles.css:
:root {
--accent-primary: #3b82f6; /* Change primary color */
--accent-hover: #2563eb; /* Change hover color */
}- Visit netlify.com
- Drag & drop the DSCode folder
- Done! Auto-deploys on updates
- Visit vercel.com
- Import GitHub repository
- Deploy with one click
- Pure HTML5, CSS3, JavaScript
- No frameworks or dependencies
- LocalStorage for progress tracking
- Google Fonts (Inter)
✅ Chrome, Firefox, Safari, Edge (modern versions) ✅ Mobile browsers (iOS/Android)
- Fork the repository
- Create feature branch:
git checkout -b feature/new-feature - Commit changes:
git commit -m "Add new feature" - Push to branch:
git push origin feature/new-feature - Open a Pull Request
- Problem solutions/explanations
- Streak tracking
- Video tutorials integration
- Coding playground
- User authentication
- Progress sharing
MIT License - Feel free to use for personal or commercial projects
- 🐛 Issues: GitHub Issues
- 💡 Feature Requests: Open an issue
- ⭐ Star this repo if you find it helpful!
Made with ❤️ for the Data Science Community