added roadmaps

[ciphervaishnavi]

solved issue #242

Description

Added comprehensive learning roadmaps feature to help learners visualize their learning path for DSA and Full Stack Development. This enhancement provides structured learning paths curated from roadmap.sh, helping users understand the sequence of topics to study and plan their 30-day learning journey effectively.

Changes Made:

• ✅ Created dedicated /roadmaps page with interactive roadmap cards
• ✅ Added navigation link in the main navbar
• ✅ Integrated roadmap preview section on homepage
• ✅ Implemented responsive design with modern UI/UX
• ✅ Added direct links to roadmap.sh for each learning path
• ✅ Included skill breakdowns, time estimates, and difficulty levels

Key Features:

• Frontend Development Roadmap (6-12 months): HTML, CSS, JavaScript, React & Modern Tools
• Backend Development Roadmap (8-15 months): Server-side tech, Databases, APIs & DevOps
• Full Stack Development Roadmap (12-18 months): Complete end-to-end development
• Data Structures & Algorithms Roadmap (6-12 months): Problem solving & CS fundamentals

Benefits:

• 🎯 Provides clear learning paths and reduces confusion about what to study next
• 📈 Boosts engagement with visual and interactive elements
• 🚀 Supports goal-oriented learning for effective 30-day planning
• 💎 Adds value without complexity by linking to established roadmap.sh content

Fixes # (issue number)

Type of PR

• Bug fix
• Feature enhancement
• Documentation update
• Other (specify): _______________

Screenshots / videos (if applicable)

Homepage Integration:

Dedicated Roadmaps Page:

Navigation Integration:

Mobile Responsive Design:

Checklist:

• I have made this change from my own.
• I have mentioned the issue number in my Pull Request.
• I have gone through the CONTRIBUTING.md file before contributing
• I have performed a self-review of my own code.
• I have commented my code, particularly in hard-to-understand areas.
• I have made corresponding changes to the documentation.
• My changes generate no new warnings.
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers and screenshots after making the changes.

[vercel]

@ciphervaishnavi is attempting to deploy a commit to the Souvik's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible.). If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[netlify]

✅ Deploy Preview for learnhub5 ready!

Name	Link
🔨 Latest commit	e1a634f
🔍 Latest deploy log	https://app.netlify.com/projects/learnhub5/deploys/68e43dd1bc81c30008488104
😎 Deploy Preview	https://deploy-preview-246--learnhub5.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.