DEV Community

Cover image for ๐Ÿ›ก๏ธEmbark on the DSAWarriors Quest: From Newbie to Expert in 2๏ธโƒฃ0๏ธโƒฃWeeks! ๐Ÿš€๐Ÿ“œ
Dev
Dev Subscriber

Posted on

๐Ÿ›ก๏ธEmbark on the DSAWarriors Quest: From Newbie to Expert in 2๏ธโƒฃ0๏ธโƒฃWeeks! ๐Ÿš€๐Ÿ“œ

This is my solo submission for the Amazon Q Developer "Quack The Code" Challenge: Crushing the Command Line


Before you dive into DSA Warriors, wanna check out all four of my entries for the Amazon Q Developer โ€œQuack The Codeโ€ Challenge? ( I know ๐Ÿ˜…, I went a little too crazy here, and overdid it, a teeny tiny little too much ๐Ÿ˜):

1๏ธโƒฃ ๐Ÿงฉ Sudoku Taught Me I Could Achieve Anything: โœจ Powered by Amazon Q Developer CLI ๐Ÿš€๐Ÿ—จ๏ธ๐Ÿ‘ฉโ€๐Ÿ’ป

2๏ธโƒฃ ๐Ÿฆ‹โœจ GratefulMind: Your Daily Dose of Joy & Growth ๐ŸŒ…๐Ÿ’ซ

3๏ธโƒฃ ๐Ÿ›ก๏ธ Embark on the DSAWarriors Quest: From Newbie to Expert in 20 Weeks! ๐Ÿš€๐Ÿ“œ

4๏ธโƒฃ โณ๐Ÿ”ฎ The Secret Hour Whisperer: Unlocking Your Dayโ€™s Hidden Magic with TimeTracker โœจ


What I Built ๐Ÿคฉ๐ŸŽ‰

DSAWarriors- Landing Page ss

DSAWarriors- A customized 4 weeks roadmap ss

DSAWarriors- Algorithms Section

The Big Picture ๐Ÿ’ซ

I designed DSAWarriors, a DSA guidance web app that feels like having your very own mentor in your browser. Hereโ€™s how it works:

1๏ธโƒฃ Language & Level Selection โ€“ You choose your preferred language (Java, Python, JavaScript, C++, or C#) and choose a level where you think you stand in DSA.

2๏ธโƒฃ Skill Assessment โ€“ Take a quick quiz. Score โ‰ฅ8? You stay at your chosen level. Score 4โ€“7? You drop one level for extra building blocks. Score โ‰ค3? We reset you to โ€œNewbieโ€ to build confidence from the ground up.

3๏ธโƒฃ Four-Week Roadmap โ€“ Based on your results, get a day-by-day learning plan packed with top-tier resources: docs, tutorials, articles, and videos.

Key Sections in the Navbar ๐Ÿš€

After your assessment, you can later on explore these core areas:

  • ๐Ÿ“… Roadmap โ€“ Your personalized, four-week DSA journey laid out in daily bite-sized tasks.

  • ๐Ÿ“š Resources โ€“ Curated, free, high-quality links: official docs, practice sheets, tutorials, articles, books, videos, and your own bookmarks.

  • ๐Ÿ’ป Projects โ€“ Hands-on exercises (20+ starter-to-advanced ideas) so you actually apply what you learn.

  • ๐Ÿ” Algorithms โ€“ Deep dives into sorting, searching, graphs, DP, strings, and moreโ€”each with a clear logic breakdown and article link.

This was the toolkit I desperately needed when I startedโ€”overwhelmed by a million scattered resources. If DSAWarriors helps even one person navigate that chaos, itโ€™s already worth it.


๐Ÿš€ Demo and Dive In

Try It Yourself ๐Ÿ–ฑ๏ธ


๐Ÿ’ป Code Repository

Peek Behind the Scenes ๐Ÿ”

DSA Learning Roadmap

A personalized guide to mastering Data Structures and Algorithms with the best curated free resources Project landing page Project Assessment Results

You can check it out live at :- DSAWarriors

Features

  • Skill Assessment: Evaluate your current DSA knowledge level with carefully crafted questions
  • Personalized Roadmap: Get a customized 4 weeks learning plan
  • Curated Resources: Access the best free learning materials
  • Progress Tracking: Mark completed items and track your journey
  • Project Ideas: Apply your knowledge with practical projects
  • Algorithm Analysis: Learn time and space complexity with examples
  • Recommended Books: Free programming, system design and DSA books
  • Tech Blogs: Curated articles from top tech writers
  • Multiple Languages: Support for Java, Python, JavaScript, C++, C#, Rust, Solidity, and Docker

Tech Stack

  • HTML5
  • Tailwind CSS (via CDN)
  • Vanilla JavaScript
  • LocalStorage for data persistence
  • Dark theme UI with elegant design

Project Structure

dsa-roadmap-guide/
โ”œโ”€โ”€ index.html              # Main entry point
โ€ฆ
  • ๐Ÿ› ๏ธ Built with HTML5, Tailwind CSS, and vanilla JavaScriptโ€”fork, remix, and donโ€™t forget to star!

๐Ÿค– How I Used Amazon Q Developer

My AI-Powered Secret Sauce ๐Ÿ’ก

  • Early drafts from Q Developer were a solid start, but lacked depth.
  • Iterative prompts fixed syntax hiccups (overlapping symbols, route.js woes) and taught me the power of โ€œbreak it down into smaller tasks.โ€
  • Lesson learned: AI can turbocharge your workflowโ€”just guide it step by step.

This was my first full-fledged project using Amazon Q Developer(Command Line). Patience, perseverance, and a few thousand Q CLI commands later, itโ€™s aliveโ€”and I love it.

Some of the main prompts I used:-

Prompt1 - the initial prompt to kickstart the project

Prompt 2 - Initial success, and asking to add more resources in the project

Prompt 3- CTRL+C coz of a little inconvenience, command line suggesting changes in terminal instead of changing the code files

Prompt 4- Lesson learnt in asking for additional functionalities in small chunks in iterative steps


๐Ÿ™ A Heartfelt Thank-You

DSAWarriors is more than codeโ€”itโ€™s a hand extended to anyone whoโ€™s ever felt lost staring at โ€œtoo manyโ€ resources. Hereโ€™s to making DSA approachable, one step at a time.


โœจ A Little About Me

Iโ€™m Divyaโ€”a coffee-fuelled coder, relentless learner, and your newest cheerleader on the path to DSA mastery. When Iโ€™m not wrangling algorithms, youโ€™ll find me exploring web development projects or sketching out my next web app idea.


Still here? Youโ€™re the real MVP. Ready to slay your first problem? Let DSAWarriors guide you, and watch yourself transform from โ€œWhatโ€™s a linked list?โ€ to โ€œBring on the graphs!โ€ ๐Ÿ’ช๐Ÿง™โ€โ™€๏ธ

And heyโ€”thanks for reading all the way to the end. You rock! ๐Ÿ’—

A Gif saying thank you

Top comments (15)

Collapse
 
divyasinghdev profile image
Divya

It's a good twist to the already there multiple platforms, but good work.

Collapse
 
dev_99718084404de profile image
Dev

Yup, I wanted to make something new, but ended up with this.

Not bad, but just one of the many

Collapse
 
dummy001 profile image
dummy

Another great project, really a good one, buddy!
The interface is clean and smooth, and that personalized roadmap feature? Absolutely awesome. I also love that it allows bookmarking and comes with some solid learning resources- huge plus!
Of course, there's always room for improvement, but you've done a great job here. Keep it up ๐Ÿ‘

Collapse
 
dev_99718084404de profile image
Dev

Thank you buddy ๐Ÿ˜„๐Ÿ˜„for so much genuine support.

Yup, it's good for now, but many more things are left to be desired, lack of more languages' support being one glaring feature.

Collapse
 
divya_singh_b80fb66bcdbd5 profile image
Divya Singh

It needs lots more additions to be really helpful though.
But it's ok.

Collapse
 
dev_99718084404de profile image
Dev

Yes.
Thanks

Collapse
 
divya_singh_12024c583f7b5 profile image
Divya Singh

It has a good scope for future improvements, and lots to do as well.

Collapse
 
dev_99718084404de profile image
Dev

Yes, but is it good for now, as v 1.0?

Collapse
 
developerd29108 profile image
Divya developer

Good good.

Collapse
 
divya_singh_935d1aa565b35 profile image
Divya Singh

This is good!
Adding something new to existing options.

Collapse
 
dev_99718084404de profile image
Dev

Thank you ๐Ÿ™

Collapse
 
harshit3011 profile image
Harshit Khosla • Edited

It's difficult to choose one out of these lovely projects! But this one is really amazing! Btw buddy, can you also add more languages there, like golang etc?

Collapse
 
dev_99718084404de profile image
Dev

Honestly, I wanted to add that, but I couldn't find much on that other than official docs and some articles, and I wanted this site to have adequate resources for the languages I mentioned.

Collapse
 
aanchal20 profile image
Aanchal Shrivastava

Wow really good work again divya!! DSA tracker is amazing and a very useful idea.

Collapse
 
dev_99718084404de profile image
Dev

Thank you Aanchal.
I admit it's not very innovative, but I did what I could ๐Ÿ˜