Code & Coffee

Our attention spans are getting wrecked by TikTok and Instagram 😅 so I’ve been trying to slow things down. I found Substack, and it’s been a refreshing change. If you like reading, you’ll love it lots of thoughtful writers and real insights. I’m really enjoying it lately, so I wanted to suggest it to you all If you find something interesting or cool drop it here in the discussion

JSON Server = Instant Fake Backend! Want to test your frontend without a real backend? Just: 1. Create a db.json file 2. Run npx json-server --watch db.json 3. Boom! REST APIs ready (GET /users, POST /users,.... Perfect for prototyping, learning, or frontend experiments.

if it helps for beginners

after i procrastinate a lot of task for the evening mebrat tefto ereft 😭

🎄 This Christmas, the only thing I can afford to give my loved ones is… PRAYERS 😂 If you need actual gift ideas, I Vibe-coded a little generator for fun: Link me Just killing time with random stuff.

Bundlers explained Your Code (JS / TS / CSS / Images) │ ▼ Bundler (Webpack / Turbopack / Vite) │ ├─ resolves imports ├─ transforms code ├─ bundles files ├─ watches changes ▼ Optimized Output (.js chunks, .css, assets) │ ▼ Browser Webpack (the OG) - Old but powerful - Rebuilds a lot when you change one file - Super flexible, but slow on big apps 👉 Reliable, but heavy. Vite (the fast one) - Uses native ES modules - Serves files on demand - Instant dev feedback 👉 Amazing DX for SPAs & libraries. Turbopack (Next.js future) - Built for Next.js - Written in Rust - Incremental rebuilds (only what changed) 👉 Fastest dev experience for large Next apps.

I’ve been using favicon.io for a long time to generate favicons, but today I found something even better 👀 RealFaviconGenerator It handles everything all platforms, sizes, PWA icons, and even gives you the exact config you need. Super smooth. If you care about the tiny details (and you should 😄) this one’s worth bookmarking.

Hope this week treats you well 🤍

Do you guys know about n8n? I was just reading about it and it's fascinating It's a flexible, open-source workflow automation platform designed for technical teams. Its standout feature is the ability to self-host the Community Edition for free, giving you full control over your data and infrastructure. What I really like is its hybrid approach: it offers both a visual, drag-and-drop interface for building automations and the power to inject custom JavaScript or Python code directly into workflows for advanced logic. Even someone who doesn't know code can build something useful! I'm definitely going to try it and let you know what I build. If you're interested in automating tasks between different apps or services, check it out.

when u tell ur habesha fam that u are sick immediately you'll get a prescription for tenadam , ginger, garlic, and mysterious herbs 😂😂

if (Sunday && coffee && home && PC) return "happy 😊";

Embracing change isn’t about forgetting the past it’s about honoring it and moving forward with gratitude. dont forget to have a coffee for beautiful day 🥰 @codeandcoffee1

runaway with me 🎼🎼 GN u all 🤗

If you’re new to tech, learn from my mistake. Stop watching a bunch of tutorials. Stop jumping into every bootcamp. Start building projects. You don’t grow by watching others code you grow by struggling, breaking things, and fixing them yourself. The knowledge you have right now is enough. Trust me.

We are more of builders than content creators

Someone #Random @codative

Your browser can run an entire database offline. With IndexedDB, web apps can: - work without internet - store large amounts of data - feel almost like native apps That’s why PWAs feel so smooth. happy Saturday u all 🫰🏽

I was listening to Ruth’s(dot_ruth) Open Mic, and something about the way she talks really stayed with me. We actually relate a lot. She works with .NET , and she also loves Laravel and same here. She talked about how AI is slowly taking away our thinking ability, and I’ve always agreed with that. She also recommended using Clean Architecture and Domain-Driven Design on the backend, which honestly makes a lot of sense. quote she shared :

You don’t choose the tech stack the tech stack chooses you.

quotes the host shared:

I don’t want to be the first girl to do it I want to be one of the girls.

In the end, I just want to say I really loved it. Watching inspiring girls like this truly motivates me. Let’s go, girls let’s build things, support each other, and inspire others. Much love to all the girls 🤍

React comes with so many hooks, but I usually just use the classics Categories of hooks: 1. Basic state & effect hooks – useState, useEffect 2. Performance & reference hooks – useMemo, useCallback, useRef 3. Advanced & concurrent hooks – useTransition, useDeferredValue Honestly I stick to useState & useEffect 90% of the time 😂 slowly learning the others…

JavaScript is slowly making immutability easier today I learned about Array.prototype.with().

const nums = [1, 2, 3];
const updated = nums.with(1, 99);

console.log(updated); // [1, 99, 3]