MissCoder /niya.dev ✨

Keeping this here to be responsible Week 1 , Day 1 of react: ⚡️What is React and why use it ⚡️How React works (Virtual DOM, component-based architecture) ⚡️Setup: Node.js + Vite or Create-React-App ⚡️Task: Create your first “Hello World” React app NiyaCodes 🚀

Time for reactttt ⚛ NiyaCodes🚀

🗓 30-Day React Roadmap 🧩 WEEK 1 – React Basics (Days 1–7) Goal: Understand React fundamentals, JSX, components, and state. Day 1: What is React and why use it How React works (Virtual DOM, component-based architecture) Setup: Node.js + Vite or Create-React-App 🧠 Task: Create your first “Hello World” React app Day 2: JSX syntax and rules Embedding JS in JSX 🧠 Task: Display your name, age, and favorite color dynamically Day 3: Functional components and props Passing data between components 🧠 Task: Make a Card component that accepts title, image, and text Day 4: State and the useState() hook Event handling (onClick, onChange) 🧠 Task: Counter app with increment/decrement buttons Day 5: Conditional rendering (if/else, ternary, &&) Lists and .map() 🧠 Task: Render a list of users or products Day 6: Styling React components: Inline styles External CSS CSS Modules 🧠 Task: Style your card or list app Day 7: Review + mini project 🧠 Project: Simple “Profile Gallery” app using props, state, and CSS --- ⚙️ WEEK 2 – Interactivity & Hooks (Days 8–14) Goal: Learn forms, side effects, and component interaction. Day 8: The useEffect() hook (side effects) Fetch data from an API 🧠 Task: Display data from JSONPlaceholder Day 9: Handling forms and input states Controlled vs uncontrolled components 🧠 Task: Signup form that displays entered data Day 10: Two-way data binding Form validation basics 🧠 Task: Add simple validation to your form Day 11: Lifting state up Parent-child communication 🧠 Task: Build a color picker that updates parent background color Day 12: React Fragment, keys, and lists optimization 🧠 Task: Dynamic to-do list (add/remove items) Day 13: useRef() hook (DOM access, focus input, store mutable values) 🧠 Task: Auto-focus input field on load Day 14: Review + mini project 🧠 Project: Weather app using useEffect + public API --- 🌐 WEEK 3 – Routing, Context, and Reusability (Days 15–21) Goal: Create multi-page apps and share global state. Day 15: React Router setup (react-router-dom) Routes, Links, and NavLink 🧠 Task: Basic multi-page app (Home, About, Contact) Day 16: Dynamic routes with useParams() Programmatic navigation (useNavigate()) 🧠 Task: Product details page Day 17: Context API (global state management) 🧠 Task: Light/dark theme toggle using Context Day 18: Custom hooks – reuse logic 🧠 Task: Custom useFetch hook for API calls Day 19: useReducer() hook (state logic alternative to useState) 🧠 Task: Counter app using reducer Day 20: React performance optimization (React.memo, useMemo, useCallback) 🧠 Task: Optimize re-rendering of a list Day 21: Review + mini project 🧠 Project: Movie search app using API + Context + Router --- 🚀 WEEK 4 – Advanced Concepts & Final Project (Days 22–30) Goal: Apply everything, add polish, and deploy. Day 22: Folder structure for real projects Absolute imports + reusable components setup Day 23: Axios for HTTP requests Loading and error states 🧠 Task: Fetch and display products using Axios Day 24: State management with Redux (basics) or Context advanced 🧠 Task: Cart system with add/remove items Day 25: Styling libraries: Tailwind CSS, Material UI, Chakra UI 🧠 Task: Add a component library to your project Day 26: Animations with Framer Motion or React Spring 🧠 Task: Animate buttons or cards Day 27: Error boundaries, lazy loading, and suspense 🧠 Task: Add lazy loading for routes Day 28: Connecting backend or mock API 🧠 Task: Fetch from your own Express API (or JSON server) Day 29: Deploying React apps (Netlify, Vercel, GitHub Pages) 🧠 Task: Deploy your final project Day 30: 🎉 Final Project: Build one of these (your choice): ⚡️Todo app with CRUD + localStorage ⚡️Blog app with React Router + Context ⚡️Weather dashboard with API + custom hook ⚡️E-commerce mini app (cart, context, router) NiyaCodes🚀

Idk but I kinda wish I discovered Ai a little bit laterrr Like after being proficient in some stack Those who get it get it...... NiyaCodes 🚀

Forgot thisss......😬😂 NiyaCodes 🚀

Just wanted to drop a little pic dump from my uni...... 📸✨️ guess which uni it is? NiyaCodes 🚀

It's been a while since I've had this project idea in mind..... And honestly, I was so enthusiastic about it until I checked it on: http://dontbuildthis.com It traumatised me😭😂 with the roast but also gave me insights about some features so, I'm never giving up on this project.....🤞 NiyaCodes 🚀

💯✨️

Make the walk your “mental commit” Move, relax, and regenerate your energy. Let the screen fade and your thoughts settle. Each step helps you close the code loops in your head. You’re not just walking — you’re syncing body and mind for tomorrow’s push.

"Why Learning in Public is the Ultimate Career Hack ✦ When I first started learning, I made one mistake… ➤ I kept everything private. ➤ I thought I needed to be “good enough” before I could share. ➤ I waited for the perfect moment. But here’s what I learned 👇 ♡ The moment you share your journey, you build visibility. ♡ Every small win you post attracts mentors, peers, and opportunities. ♡ Struggling openly makes you relatable — and people want to help. For me, the biggest growth didn’t come from learning alone… It came when I shared: ♥️︎ A project I built (yes, even the one I almost ghosted for months 🙈). ♥️︎ A bug I fixed. ♥️︎ A new tool I tried. Each time, I got feedback. Each time, I got encouragement. Sometimes, I even got new opportunities. ➥ Learning in private makes you skilled. ➥ Learning in public makes you visible + skilled. And here’s the truth: The world can’t cheer for work it never sees. P.S. If you’re just starting in tech → don’t wait. Share the messy, imperfect journey (even if it’s a project you finally “reunited” with after ignoring it for way too long😂) " N.B : source from linkedin NiyaCodes 🚀

More than 100 people voted, and turns out Js is hated More than java...... Nooooooooo😒 NiyaCodes 🚀

የጥንቱ የጠዋቱ ላፕቶፔና የካምፓስ ትዝታ። Turbo c++ ብዙ ሞክሬ አልሰራም ሲለኝ java ወይ ደግሞ php ብሞክር ይሻላል ብዬ xampp ጫንኩበት ያ port conflict መከራ መጣ። ታግዬ መፍትሄ ጠፋ 😊 እስኪ ደግሞ wamp ከተሻለ ትልና ትሞክራለህ ከዛ ችግሩ ይበልጥ ይባባሳል። አንድ ቀን በደንብ መስራት ጀምሬ መመሰጥ ስጀምር ቻርጀሩ እያየሁት ቀለጠ 😥 አጎቴ የሰጠኝ 350 ብር ነበረኝ በማግስቱ በመቶ ብር አዳማ መብራት ሀይል ሄጀ አሰርቸ ተመለስኩ። ብዙም ሳይቆይ በሰዓታት ውስጥ መልሶ ተቃጠለ። ያኔ እኔም ተቃጥያለሁ 😂😂 ክብደቱ 3 ኪሎ በላይ ይመዝናል። አንድ ትካሻዬ ዝቅ እስኪል ጎትቶኛል። ከነ ምናምኑ ለኔ it was big deal ምክንያቱም c++ ስንማር ላብ ክላስ ገብቸ ወረፋ ይዥ ለመሞከር ኮድ በወረቀት ጽፌ አውቅ ነበር። በቀን ለአንድ ሰዓት ለምን አይሆንም ሀሳቤን experiment አድርጌበታለሁ። PDF አንብቤበታለሁ። ምናልባት በተመሳሳይ ሁኔታ እያለፋችሁ ያላችሁ ትኖሩ ይሆናልና ትምህርት ከሆናችሁ ብዬ ላጋራችሁ ወደድኩ። መልካም የስራ ቀን ( እሁድ ነው አውቃለሁ ግን ደግሞ ኮደርስ እንደማታርፉ አውቃለሁ) 😂

>How do you know if someone is a developer >> it's easy you're like a tortoise >what🤔How? We're not slow >> you always have a bag on your back😂 @bakacodes

💯✨️

The Truth Behind “AI Will Replace Developers" You’ve probably heard it before: “AI is coming for your job.” Especially if you’re a developer, this might sound like a warning bell. But here’s the truth: 🔥 AI is a tool, not a replacement. AI like ChatGPT can write code, debug, and even suggest architectures  but it lacks human judgment, creativity, and deep contextual understanding. Here’s what AI can do: - Automate repetitive coding tasks -  Suggest solutions faster -  Help you learn and debug quicker (yes, even while following @codebiruh 😎) Here’s what AI can’t do (yet): -  Understand business context deeply -  Build user-centric experiences -  Make architectural trade-offs -  Collaborate like a real dev team member 👨‍💻 Developers who adapt will THRIVE. Think of AI as your coding co-pilot. Those who learn to use it will outperform those who ignore it. 💡 The real question isn’t “Will AI replace developers?” It’s: “Will developers who use AI replace those who don’t?” Stay smart. Stay updated. Keep building. 💻⚡️ Follow for more dev insights ➡️ @codebiruh #codebiruh #AIandCode #DeveloperLife #CodeSmart #FutureOfCoding

And no I coded it myself...... Proof some of us just love the color purple and has nothing to do with vibe coding 😂 NiyaCodes

Not my portfolio having this color gradient all along 😭 :- My portfolio NiyaCodes