Skip to content

DevNotes is a beautifully organized and beginner-friendly web development learning platform. Designed for self-learners, students, and developers refreshing their knowledge, it offers a structured and progressive path to mastering Frontend, Backend, Deployment, and other essential web dev topics.

License

Notifications You must be signed in to change notification settings

Amarjha01/DevNotes

Repository files navigation

πŸ“˜ DevNotes – Learn β€’ Code β€’ Share

DevNotes is a beautifully organized, beginner-friendly, and continuously evolving open-source learning platform. It offers a structured and progressive way to master Frontend, Backend, Deployment, Miscellaneous, and now expanded topics like AI/ML, Android Development, DSA, System Design, and Project-Based Learning β€” perfect for self-learners, coding students, and developers refreshing or expanding their skills.


🌐 Live Demo

πŸ‘‰ Visit DevNotes


πŸš€ Features

  • βœ… Structured and up-to-date notes on a growing range of tech topics
  • πŸ†• Tagline Loader: Engaging taglines that speak before the page does
  • 🎯 Cheat Sheet section added for each topic to reinforce learning
  • πŸ€– GENAI-powered developer tools for smarter coding assistance
  • πŸ’¬ Integrated AI Assistant (ChatGPT) in each learning section (Frontend, Backend, AI/ML, etc.)
  • πŸ“‚ Expanding content covering Version Control Systems like Git & GitHub
  • πŸ“š New learning sections for DSA, System Design, AI/ML Development, and Android Development
  • πŸ› οΈ Project section offering beginner to advanced real-world projects
  • ✨ Clean UI with dark theme for better readability
  • πŸ§ͺ Learning progress tracker to keep you motivated
  • πŸ’‘ Pro Tips for quick insights and best coding practices

πŸ› οΈ Tech Stack

  • Frontend: React.js (v18.x), Tailwind CSS (v3.x)
  • Routing & State: React Router (v6.x), Context API
  • Backend: Node.js (v20.x), Express (v4.x) (planned)
  • Styling: Tailwind CSS
  • Deployment: Digital Ocean

πŸ“š Topics Covered

Frontend

  • HTML (Structure, Tags, Forms, etc.)
  • CSS (Selectors, Flexbox, Grid, etc.)
  • JavaScript (Basics to Advanced)
  • React JS (Components, Hooks, Routing)
  • Tailwind CSS
  • Enhanced Topics: Different types of JavaScript functions, promises, closures, event handling and manipulation, prototypes, and detailed Flexbox coverage similar to selectors

Backend

  • Node.js, Express.js
  • REST APIs,JWT Auth
  • MongoDB basics

Deployment

  • Hosting websites
  • Domain configuration
  • Git & CI/CD (planned)
  • Enhanced Topics: Deployment tools and platforms such as Netlify, Git hosting, and deployment basics

Additional Learning Sections

  • Version Control: Git & GitHub
  • Data Structures & Algorithms (DSA)
  • System Design fundamentals
  • AI/ML Development
  • Android Development
  • Real-world Projects (Beginner to Advanced)

Miscellaneous

  • Developer tools, GitHub tips, productivity tricks
  • Enhanced Topics: Git basics including what is open source, how to commit, and essential Git commands

πŸ“ˆ Project Status

  • πŸ”§ Currently adding new content regularly
  • πŸ§ͺ Planned features: enhanced search filters, quiz modules, video content support

πŸ§‘β€πŸ’» Author

Amar Jha
🌐 Portfolio
πŸ“« LinkedIn
πŸ™ GitHub


Contributor Leaderboard

Issue No. Title Author Level Points
3 Add Learning Content for Backend Topics (Express, MongoDB, etc.) milan-deori 3 10
5 Addition of a standard contact page and faq section along with it for the website Divik Arora 2 7
6 Screen Not Capturing Full Width Nandani Kirtani - -
7 Mobile Menu Stays Open on Desktop Resize Nandani Kirtani 1 3
8 Add Project Section (Beginner to Advanced) Coder-010506 - -
10 Add Learning Sections for AI/ML Development and Android Development milan-deori 3 10
11 Enhancement: Adding topics in frontend, deployment and miscellaneous Kndn15 3 10
13 Addition of a back to top button for notes area and it is very long. Ayushii-uniyal 1 3
15 Dropdown UI looks inconsistent with current theme (light/dark mode) Harshada Patil 1 3
17 License Missing from Repository shubhranshu-sahu 1 3
18 Suggestion: Add Code Of Conduct File to project shubhranshu-sahu 1 3
25 Missing MongoDB Page Ashmit Sherigar 2 7
28 [Bug]: Fix the size of all elements in home page in mobile view Jagan Parida 1 3
29 Add Advanced JavaScript Topics to Enhance Learning Resources ChaitanyaEmani 2 7
30 Feature Request: Add DSA and System Design Sections akshatsh0610 3 10
36 Bug : Move Search Bar Above Category Buttons Trishi-05 1 3
40 UI enhancement adding a dynamic animated background Rithwik Surya 2 7
41 Add Learning Content on Version Control System (Git & GitHub) milan-deori 2 7
42 Implement Search Filter Functionality for Learning Content Ashish-Kumar-Dash 2 7
48 Feature Request: Integrate AI Assistant (ChatGPT) in Each Learning Section milan-deori 3 10
49 Feature Request : GENAI-Powered Developer Tools Shaswat0312 3 10
51 Improvements in FAQ Section Soumyosish 2 7
54 Feature Request: Add Cheat Sheet Section for Each Topic deepthidornala ,riya-742005 3 10
69 Update routes.jsx file milan-deori 2 7

🀝 Contributions

Contributions are welcome! Open issues, suggest new sections, or fork the repo to add more helpful content.


πŸ“„ License

This project is open-source and available under the MIT License.


πŸ’¬ β€œconst learn = () => code;”

About

DevNotes is a beautifully organized and beginner-friendly web development learning platform. Designed for self-learners, students, and developers refreshing their knowledge, it offers a structured and progressive path to mastering Frontend, Backend, Deployment, and other essential web dev topics.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published