#Inline Css

the best way to take notes!! 💛 comment “code” and I’ll send u a guide on how to set this up! > download obsidian and make your folder (Homebase!) > open your folder in a coding tool (ex. Claude code, cursor) . . . . . . #obsidian #claudecode #cursor #notes #notetaking

Best Note-Taking App for Web and GitHub | Obsidian #Obsidian #NoteTaking #KnowledgeBase #Markdown #GitHub #SecondBrain #TechTools #Productivity #DeveloperTools #OpenSource #PKM #TechTips #WritingWorkflow #DigitalNotes #TechExplained

Comment “agent” for my Claude code guides!

Coding notes #viral #codinglife #notes

Comment "Free" for link. All coding notes at one place. Save it & follow for more. [ Coding notes, coding resources, PDFs]

Comment “agent” to get access to my Claude Code guides

Comment "React" and I'll send you the full roadmap 🚀 Your list looks like a Word document. Bullet points. Default spacing. That "I just typed this in Notepad" energy. In a styled container with a polished form above it. The contrast is embarrassing. Two minutes. We fix it completely. First step: classNames. The ul element gets className "list". Each li inside the map gets className "list-item". Every single todo item receives the same class. Same styling. Consistent look across your entire list. Open App.css. Target dot list. First priority: kill those bullet points. List-style none. Gone forever. Padding zero removes the default indentation browsers add to lists. We control our own spacing. Margin-top 16 pixels creates breathing room between the form above and the list below. Now the individual items. Dot list-item. This is where flexbox changes everything. Display flex turns the li into a flex container. Its children arrange in a row by default. Justify-content space-between pushes elements to opposite ends. Todo text hugs the left. Delete button hugs the right. Maximum use of space. Align-items center vertically centers everything. No weird offset text. Padding 12 pixels vertically, 16 horizontally. Comfortable readable spacing inside each card. Background light grey. Hex code f8f9fa. Subtle contrast against the white container. Each todo feels like its own card. Border-radius 8 pixels keeps the rounded theme going. Margin-bottom 8 pixels separates each item from the next. No touching. Clean gaps. Cursor pointer because the whole item is clickable for toggle. Users should know that. Save both files. Check the browser. Add some todos. Look at those cards. Clean rectangles. Properly spaced. Text on the left, delete button on the right. Toggle one. Strikethrough still works perfectly. Delete one. Smooth removal. Everything functions and now everything looks professional. This looks like a real app. Something you'd actually ship. Something users would actually trust. But refresh the page. Everything disappears. All your todos gone. Data doesn't survive. That's next. This reel is just the trailer. Full lesson 👉 www.projectschool.dev

💬 Comment “NOTES” to Get the Complete Coding Notes 📚 Level up your coding prep with our Complete Coding Handwritten Notes Bundle 💻✨ ✔️ C, C++, Java & Python ✔️ Interview Questions & Answers ✔️ Easy-to-understand handwritten format ✔️ Instant PDF access ⚡️ Perfect for students, freshers & placement prep 🚀 Save time, revise faster, and prepare smarter! 🔽 Comment “NOTES” and get the link instantly #CodingNotes #HandwrittenNotes #ProgrammingBasics #CodingForBeginners

Comment "Free" to get all PDFs 📝 Save it & follow for more. [ Coding notes, free notes, resources ]

All Coding Handwritten Notes 📘✍️ C to Python, Java to DBMS – sab kuch ek jagah 🚀 Interview prep ho ya concept clear karna, yeh notes game changer hain 💯 Save karo 📌 | Share karo 🤝 | Start coding today 💻 #HandwrittenNotes #CodingNotes #ProgrammingLife #CProgramming #Cpp #Java #Python #JavaScript #HTMLCSS #DataStructures #DBMS #ComputerNetworks #SQL #CodingInterview #Placements #TechStudents #CSStudents #LearnToCode #DeveloperLife Bas bolo bhai 😎

Day 10/21: I wrote my first custom React hook | useLocalStorage + Notes App Today felt different. Not just learning a React feature — actually creating my own logic. Today’s concepts: ✦ What custom hooks are ✦ Creating reusable logic ✦ Extracting hooks from components ✦ Keeping components clean Today’s project: Notes App → Built custom useLocalStorage hook from scratch → Notes persist even after page refresh → Reusable across any component Before today: writing same logic inside every component After today: extract it, reuse it, keep code clean That’s the whole point of custom hooks. Day 10 done. Building after my 9 to 5. Day 11 tomorrow. GitHub in bio #21daysofreact #reactchallenge #customhooks #uselocalstorage #reacthooks

Built this notes app a while ago. Now I’m rebuilding it with better architecture, voice input, and AI features. This video shows the current version before the upgrade begins.