MissCoder
554 subscribers
223 photos
7 videos
3 files
269 links
orniya.me
Co-founder @ sozatechnology.com
👩‍💻 Front-end dev | Future Miss Flutter
⚡️ Coding journey: wins, failures, bugs & random memes
😑 Certified ranter & yapper
📩 Projects & collabs: @mscoderr
Learning, building & growing one commit at a time
Download Telegram
Forwarded from Opportunity Hub
🔥3👏1
Forwarded from baka Codes
>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
😁1🤣1
Forwarded from Birhan Nega
የጥንቱ የጠዋቱ ላፕቶፔና የካምፓስ ትዝታ።

Turbo c++ ብዙ ሞክሬ አልሰራም ሲለኝ java ወይ ደግሞ php ብሞክር ይሻላል ብዬ xampp ጫንኩበት ያ port conflict መከራ መጣ። ታግዬ መፍትሄ ጠፋ 😊 እስኪ ደግሞ wamp ከተሻለ ትልና ትሞክራለህ ከዛ ችግሩ ይበልጥ ይባባሳል።

አንድ ቀን በደንብ መስራት ጀምሬ መመሰጥ ስጀምር ቻርጀሩ እያየሁት ቀለጠ 😥

አጎቴ የሰጠኝ 350 ብር ነበረኝ በማግስቱ በመቶ ብር አዳማ መብራት ሀይል ሄጀ አሰርቸ ተመለስኩ። ብዙም ሳይቆይ በሰዓታት ውስጥ መልሶ ተቃጠለ። ያኔ እኔም ተቃጥያለሁ 😂😂

ክብደቱ 3 ኪሎ በላይ ይመዝናል። አንድ ትካሻዬ ዝቅ እስኪል ጎትቶኛል።

ከነ ምናምኑ ለኔ it was big deal ምክንያቱም c++ ስንማር ላብ ክላስ ገብቸ ወረፋ ይዥ ለመሞከር ኮድ በወረቀት ጽፌ አውቅ ነበር። በቀን ለአንድ ሰዓት ለምን አይሆንም ሀሳቤን experiment አድርጌበታለሁ። PDF አንብቤበታለሁ።

ምናልባት በተመሳሳይ ሁኔታ እያለፋችሁ ያላችሁ ትኖሩ ይሆናልና ትምህርት ከሆናችሁ ብዬ ላጋራችሁ ወደድኩ።

መልካም የስራ ቀን ( እሁድ ነው አውቃለሁ ግን ደግሞ ኮደርስ እንደማታርፉ አውቃለሁ) 😂
👏2😁1
MissCoder
What's the language you hateeeee?💥
More than 100 people voted, and turns out Js is hated More than java......


Nooooooooo😒


MissCoder
😁1🤣1
Forwarded from Birhan Nega
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.
1🔥1
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.....🤞


MissCoder
🔥2🥰1
Just wanted to drop a little pic dump from my uni...... 📸


guess which uni it is?


MissCoder
1🔥1
MissCoder
Photo
Forgot thisss......😬😂



MissCoder
🔥3😭1
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......



MissCoder
👏2👍1
🗓 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)


MissCoder
🔥1🥰1
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


MissCoder
2👏2
Which one?
Anonymous Poll
87%
Chatgpt 💥
13%
Deepseek 🧩
👏1