Enhancement: Adding topics in frontend, deployment, and miscellaneous

[Kndn15]

📄 Description

"Enhancement: Adding topics in frontend, deployment, and miscellaneous". It introduces new navigation elements and lays the groundwork for comprehensive educational content, making DevNotes a structured, beginner-friendly resource for self-learners, coding students, and developers refreshing their skills in web development.

Changes Made:

• Enhanced Navigation for New Topics: Added Miscellaneous and Deployment buttons to the Home.jsx navigation section, aligning with routes in routes.jsx and Header.jsx to support key sections: Frontend (HTML, CSS, JavaScript, React, Tailwind CSS), Backend (Node.js, Express, MongoDB), ML/AI, Android, Projects, Deployment, Gen-AI Dev Tools, and Miscellaneous.
• Added JavaScript Topic Component: Introduced Functions covering JavaScript function declarations and expressions with code examples, styled with Tailwind CSS and styled-jsx to match the project’s design.
• Prepared Topic Structure: Updated routes.jsx :
  • Deployment: Hosting platforms (e.g., Netlify, Git).
  • Miscellaneous: Open source practices, Git workflows (e.g., committing, branching).
• Improved Accessibility: Structured navigation and content to be intuitive for beginners, supporting DevNotes’ goal of being a comprehensive cheat sheet.

Why Necessary:

• Expands DevNotes’ educational content by adding navigation and initial components for key web development topics, enhancing its value for learners.
• Aligns with the project’s mission to provide structured, progressive learning for Frontend, Backend, Deployment, and Miscellaneous topics.
• Prepares the platform for future contributions, enabling easy addition of new topics in a consistent format.

✅ Checklist

• My code follows the project’s coding guidelines.
• I have tested these changes locally.
• I have added necessary documentation/comments (if applicable).
• I have linked the related issue (if applicable).

🔗 Related Issue

Closes #11

📸 Screenshots & video (if applicable)

🙏 Additional Notes

Thank you for the opportunity to contribute to DevNotes.
If any adjustments are needed, I’m happy to help further.

-GSSoC Contributor

[Kndn15]

Hi, @Amarjha01
Kindly review the changes for this PR.