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

darshan02parmar/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;”

⬆️ Back to Top

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.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 99.9%
  • Other 0.1%