Curated by NexaSoul · CSE Edition

The Best
Coding Practice
Platforms for CSE

Curated lists of the top platforms for DSA, Web Dev, and System Design — ranked, compared, and mapped to your journey.

▶ Explore Platforms ⇄ Compare All
30+
Platforms
4
Categories
100%
Free to browse
⚡
LeetCode
DSA · Interview Prep
🏆
Codeforces
Competitive · Rating
🎨
Frontend Mentor
Web Dev · Projects
🏗️
Excalidraw
System Design · HLD
🧠
GeeksForGeeks
All-in-one · Theory + Practice
Community Rating
4.8★
15+
DSA Platforms
8+
Web Dev Tools
6+
System Design Resources
5+
CP Arenas
Free
All Picks Accessible
Platform Directory

Every Platform,
Curated & Categorised

Handpicked platforms across DSA, Web Dev, System Design, and Competitive Programming — with honest reviews.

🏆 Tier 1 — Must Use
Freemium All Levels
LeetCode
"The gold standard of interview prep"
3,000+ problems spanning every DSA pattern. Company-tagged questions, contest mode, and a discussion forum that rivals textbooks. Non-negotiable for placements.
ArraysGraphsDPTreesFAANG tagged
✅ 3,000+ curated problems
✅ Company-wise question sets
✅ Weekly + Bi-weekly contests
⚠️ Premium unlocks editorial hints
★★★★★ 4.9
Visit →
Free Beginner-Friendly
GeeksForGeeks
"Theory + practice in one place"
India's largest CS learning platform. Exhaustive theory articles, video lectures, company interview experiences, and 10,000+ practice problems sorted by topic.
TheoryInterview ExpPlacement
✅ In-depth conceptual articles
✅ 400+ company interview archives
✅ Free practice problems + solutions
✅ GFG School for beginners
★★★★★ 4.8
Visit →
Freemium Intermediate
NeetCode
"The 150 problems that cover everything"
Built around the legendary NeetCode 150 — a curated list covering every pattern you'll ever face. Crystal-clear video solutions, pattern-based roadmap, and a beautiful UI.
RoadmapVideo SolutionsPatterns
✅ NeetCode 150 — pattern coverage
✅ Free high-quality video solutions
✅ Blind 75 + NeetCode 250 lists
✅ Progress tracking built-in
★★★★★ 4.9
Visit →
📘 Tier 2 — Highly Recommended
Freemium Beginner
InterviewBit
"Structured placement prep, step by step"
Adaptive learning path from basics to advanced. Tracks your weak areas and suggests targeted practice. Loved by students prepping for service + product companies.
AdaptiveGuided Path
✅ Topic-wise structured modules
✅ Mock interview simulator
✅ Free CS fundamentals coverage
★★★★☆ 4.5
Visit →
Free Advanced
CSES Problem Set
"The cleanest DSA problem collection ever made"
300 hand-crafted problems by the creators of Competitive Programmer's Handbook. Sorted by topic, razor-sharp constraints, zero fluff. A benchmark for serious programmers.
CP FoundationClean Problems
✅ 300 perfectly curated problems
✅ From sorting to advanced graphs
✅ 100% free, no ads, no noise
★★★★★ 4.9
Visit →
Freemium Intermediate
HackerRank
"Certifications that recruiters actually check"
Domain-specific tracks (SQL, Python, Java, DSA) with skill certificates. Many companies send HackerRank tests — practising here is double value.
CertificatesSQLLanguages
✅ Skill certificates for resume
✅ Domain tracks: Python, SQL, DSA
✅ Widely used in placement tests
★★★★☆ 4.3
Visit →
🔧 Tier 3 — Specialised Picks
FreeAdvanced
CP-Algorithms
"Encyclopedia of advanced algorithms"
Deep dives into algorithms rarely covered elsewhere — from number theory to computational geometry. Essential reference for ICPC aspirants.
ReferenceICPC
✅ Segment trees, flows, FFT, and more
✅ Proof-backed explanations
★★★★★ 4.8
Visit →
FreeIntermediate
Visualgo
"See the algorithm run before you code it"
Animated visualisations of sorting, graphs, trees, and more. Perfect when you can't quite picture how BFS/DFS or Dijkstra works in your head.
VisualAnimation
✅ Step-by-step animations
✅ Custom input support
★★★★★ 4.7
Visit →
FreemiumAll Levels
Coding Ninjas
"Structured DSA courses with mentorship"
Video-based DSA courses with in-built coding environment. Popular with students who prefer a structured classroom-style experience over raw problem sets.
CoursesVideo
✅ Video-first learning approach
✅ Integrated practice environment
★★★★☆ 4.2
Visit →
🏆 Tier 1 — Must Use
FreemiumAll Levels
Frontend Mentor
"Build real projects from real Figma designs"
Professional Figma design files turned into coding challenges. From simple landing pages to full-stack apps. Build a portfolio of 10+ projects that actually look good.
HTML/CSSReactFull StackPortfolio
✅ Professional Figma design specs
✅ Community solution reviews
✅ 50+ free challenges to start
✅ Great for building a portfolio
★★★★★ 4.9
Visit →
FreeBeginner
The Odin Project
"Full-stack web dev, entirely free, start to finish"
One of the best free full-stack curricula online. HTML → CSS → JavaScript → React → Node.js → Databases. Project-driven learning with a strong Discord community.
Full StackNode.jsReactFree
✅ End-to-end full-stack curriculum
✅ 100% free, no upsell
✅ Project-based, portfolio-ready
✅ Active Discord support community
★★★★★ 4.9
Visit →
FreeIntermediate
freeCodeCamp
"Certifications that take real effort to earn"
300-hour certifications in Responsive Web Design, JavaScript, Front-End Libraries, and more. Thousands of exercises with instant feedback. Globally recognised certificates.
CertificationJavaScriptProjects
✅ Free, non-profit platform
✅ 6 web dev certifications
✅ Build 5 projects per certification
✅ 40,000+ interactive lessons
★★★★★ 4.8
Visit →
📘 Tier 2 — Highly Recommended
FreeIntermediate
JavaScript.info
"The definitive modern JavaScript reference"
The most thorough and well-written JavaScript guide on the internet. Covers everything from basics to async/await, closures, and the browser internals that interviews test.
JS Deep DiveBrowser API
✅ Covers 100% of modern JS
✅ Tasks with solutions at every step
★★★★★ 4.9
Visit →
FreeIntermediate
React Official Docs
"Learn React the way the React team intended"
Completely rewritten in 2023 with interactive examples, challenges, and diagrams. Learn hooks, state, effects, and modern React patterns with hands-on exercises.
ReactHooksInteractive
✅ Official, always up-to-date
✅ Sandboxes in every lesson
★★★★★ 4.8
Visit →
FreeBeginner
MDN Web Docs
"Every web API, documented perfectly"
Mozilla's comprehensive reference for HTML, CSS, and JavaScript APIs. The browser's Bible. Bookmark it — you'll open it 50 times while building any web project.
ReferenceHTML/CSS/JS
✅ Complete browser API reference
✅ Live code examples embedded
★★★★★ 4.9
Visit →
🏆 Tier 1 — Must Use
FreeAdvanced
System Design Primer
"GitHub's most starred system design resource"
The legendary GitHub repo by Donne Martin. Covers every system design concept from load balancers to consistent hashing with Anki flashcards and solved case studies.
HLDScalabilityFree GitHub
✅ 240k+ GitHub stars
✅ Solved design questions
✅ Flashcard decks included
✅ 100% free, always updated
★★★★★ 5.0
Visit →
FreemiumAdvanced
ByteByteGo
"Alex Xu's visual system design masterclass"
Author of System Design Interview Vol 1 & 2. Gorgeous visual breakdowns of real systems — how Netflix streams, how Discord stores messages, how Uber matches drivers.
VisualsReal SystemsNewsletter
✅ World-class visual diagrams
✅ Real company architectures
⚠️ Full course behind paywall
★★★★★ 4.9
Visit →
FreemiumAdvanced
Grokking System Design
"The interview framework that top engineers use"
Educative.io's structured course covering 25+ system design case studies with a step-by-step interview framework. Used by thousands to crack FAANG system design rounds.
InterviewFrameworkFAANG
✅ 25+ complete design case studies
✅ Interview format structured
⚠️ Paid course
★★★★★ 4.8
Visit →
📘 Tier 2 — Practice Tools
FreeAll Levels
Excalidraw
"Draw your system diagram in interviews"
A virtual whiteboard for creating architecture diagrams. Practice drawing your designs before interviews. Share links, collaborate, and export. Essential mock practice tool.
WhiteboardDiagrams
✅ Free, no signup needed
✅ Shareable collaboration links
★★★★★ 4.8
Visit →
FreeAdvanced
High Scalability Blog
"Real architecture teardowns from real companies"
Deep-dive articles on how Twitter, Facebook, YouTube, and others actually built their infrastructure. Primary source material for understanding real-world design decisions.
Case StudiesReal Arch
✅ Real company architectures
✅ Engineering blog aggregator
★★★★☆ 4.6
Visit →
FreeIntermediate
Gaurav Sen — YouTube
"System design explained so clearly it hurts"
India's best system design YouTube channel. Clear, visual explanations of HLD concepts — from message queues to microservices. Perfect for building intuition before deep dives.
YouTubeVisualFree
✅ 100% free video content
✅ Concepts + case studies
★★★★★ 4.9
Visit →
🏆 Tier 1 — The Arenas
FreeAdvanced
Codeforces
"Where the world's best competitive programmers compete"
The most prestigious CP platform. Div 1–4 rated contests every week. Your Codeforces rating (Specialist → Expert → CM → Master) is a real career signal. Addictive problem sets.
RatingDiv 1–4Weekly Contests
✅ Weekly rated rounds
✅ 5,000+ past contest problems
✅ Detailed editorial for every problem
✅ Globally recognised rating
★★★★★ 5.0
Visit →
FreeIntermediate
CodeChef
"India's premier CP platform with Long Challenges"
Monthly Long Challenge, Cook-Off, and Lunchtime. Star-rated system from 1★ to 7★. Great bridge between beginner and competitive level. Strong Indian university community.
Star RatingLong ChallengeIndia
✅ Monthly Long Challenge (10 days)
✅ Star-based rating system
✅ ICPC practice problems
★★★★☆ 4.5
Visit →
FreeAdvanced
AtCoder
"Japan's gift to competitive programmers"
Beautiful, elegant problem sets from Japanese top universities. ABC (Beginner), ARC (Regular), AGC (Grand). Known for high-quality mathematical problems. Addictive rating system.
ABC/ARC/AGCMath CPWeekly
✅ Weekly ABC + ARC + AGC contests
✅ Beautiful problem statements
✅ Rich editorial + community
★★★★★ 4.9
Visit →
📘 Tier 2 — Training Resources
FreeAdvanced
CP Handbook (Antti Laaksonen)
"The competitive programmer's bible, free PDF"
Comprehensive 296-page free book covering every CP topic — from bit manipulation to sqrt decomposition. The go-to preparation book for ICPC and advanced contests.
BookICPCFree PDF
✅ Free PDF download
✅ Covers all advanced topics
★★★★★ 4.9
Download →
FreeIntermediate
Clist.by
"Aggregate all contests in one calendar"
A contest aggregator listing upcoming Codeforces, AtCoder, CodeChef, LeetCode, and HackerRank contests. Never miss a contest again with email/calendar reminders.
Contest TrackerCalendar
✅ All major platforms in one place
✅ Subscribe to contest reminders
★★★★★ 4.8
Visit →
FreeAll Levels
Codedrills
"Practice with curated CP problem lists"
Structured CP problem lists organised by topic and difficulty with difficulty ratings. Search and filter across 50,000+ problems from multiple OJs in one interface.
Problem FinderMulti-OJ
✅ Cross-platform problem search
✅ Topic + difficulty filters
★★★★☆ 4.4
Visit →
Platform Comparison

Side-by-Side Feature
Comparison

All the key factors — pricing, content type, difficulty, and best use case — in one table.

Platform Category Free Tier Contests Editorial/Solutions Community Best For
LeetCode DSA ✓ (partial) ✓ Weekly ✓ Premium ✓ Large Interview prep, FAANG
Codeforces CP ✓ Full ✓ Weekly ✓ Free ✓ Huge Rating, ICPC, CP
GeeksForGeeks DSA ✓ Full Partial ✓ Free ✓ Large Theory + practice
NeetCode DSA ✓ Full ✗ ✓ Free videos Small Pattern learning
Frontend Mentor Web ✓ (partial) ✗ ✓ Community ✓ Active Portfolio building
The Odin Project Web ✓ Full ✗ ✓ Free ✓ Discord Full stack curriculum
System Design Primer Sys Design ✓ Full ✗ ✓ Free GitHub HLD fundamentals
ByteByteGo Sys Design Newsletter ✗ ✓ Paid ✓ Newsletter Visual architecture
CodeChef CP ✓ Full ✓ Monthly ✓ Free ✓ India Intermediate CP, ICPC
AtCoder CP ✓ Full ✓ Weekly ✓ Free ✓ Global Math CP, advanced
How to Choose

Which Platform Should
You Use — Right Now?

Your answer depends on where you are in your journey. Here's the honest framework.

01
🌱
You're in Year 1 (Just Starting)
Don't jump to LeetCode yet. Build fundamentals first — learn C++/Python syntax, basic recursion, and understand arrays properly. GFG and CSES are your friends at this stage.
GeeksForGeeks CSES (Intro) HackerRank
02
⚡
You're Prepping for Placements
LeetCode is non-negotiable. Use NeetCode 150 as your structured study plan. Add InterviewBit for topic-wise flow and mock tests. Target 200+ problems solved before interviews.
LeetCode NeetCode 150 InterviewBit
03
🏆
You Want a Strong CP Rating
Codeforces is the crown jewel. Start with Div 4 → Div 3 to build contest stamina. Solve CSES Problem Set to master all foundational patterns. AtCoder for elegance training.
Codeforces CSES AtCoder
04
🌐
You Want to Build Web Projects
Start with The Odin Project for full-stack fundamentals. When you can write basic HTML/CSS/JS, move to Frontend Mentor for real project-based portfolio building. freeCodeCamp for certificates.
The Odin Project Frontend Mentor freeCodeCamp
05
🏗️
You're Targeting System Design Rounds
Read the System Design Primer cover-to-cover first. Then watch Gaurav Sen's YouTube for intuition. ByteByteGo for visual architecture. Practice drawing on Excalidraw before your actual interview.
SD Primer ByteByteGo Excalidraw
06
🚀
You Have 30 Minutes a Day
Consistency beats intensity. One LeetCode problem per day, one Codeforces Div 3 round per week, and 20 minutes of reading JavaScript.info or System Design Primer. Compound it over 4 years.
1 LC / day 1 CF round / week Read daily
Learning Path

3 Parallel Paths,
One Goal

Here's how to run DSA, Web Dev, and System Design in parallel across your 4 years without burning out.

DSA & Algorithms
STEP 01
GFG + C++ Basics
Arrays, strings, recursion, basic math. 50 easy problems on GFG.
Year 1 · Semester 1 · ~2 months
↓
STEP 02
CSES Problem Set
Sorting, searching, trees, hashing. Foundational problem patterns.
Year 1 · Semester 2 · ~3 months
↓
STEP 03
LeetCode 150 (NeetCode)
All 16 patterns. 2 problems per day. Full solutions understood.
Year 2 · ~6 months
↓
STEP 04
LeetCode 250 + Mock Interviews
Hard problems, company tags, timed mock rounds on Pramp.
Year 3–4 · Ongoing
Web Development
STEP 01
The Odin Project — Foundations
HTML, CSS, JS basics. Build 3 projects: landing page, calculator, etch-a-sketch.
Year 1 · ~3 months
↓
STEP 02
JavaScript.info Deep Dive
Async, closures, prototypes, DOM. The parts LeetCode JS won't teach you.
Year 2 · ~2 months
↓
STEP 03
Frontend Mentor Projects
Build 8+ real Figma designs in React. Deploy all of them. This IS your portfolio.
Year 2–3 · Ongoing
↓
STEP 04
Full-Stack App + Deployment
React + Node + PostgreSQL + Docker + Vercel/AWS. Ship something real.
Year 3 · 1 major project
System Design
STEP 01
System Design Primer (Read)
DNS, load balancers, caches, databases, consistency. The entire primer once.
Year 2 · ~1.5 months
↓
STEP 02
Gaurav Sen — YouTube
Watch all HLD videos. Pause, draw, redo from memory on Excalidraw.
Year 2–3 · ~1 month
↓
STEP 03
ByteByteGo / Grokking SD
25 case studies. Design: URL shortener, Twitter, Netflix, Uber, WhatsApp.
Year 3 · ~3 months
↓
STEP 04
Mock System Design Interviews
45-minute timed design sessions on Excalidraw. Record and review yourself.
Year 4 · Pre-placement
NexaSoul Community

Practice With.
Not Just By Yourself.

Join 500+ CSE students sharing LeetCode streaks, CF contest results, and Web Dev project reviews — every week.

🚀 Join NexaSoul Free 📚 Browse Platforms