CODE & QADR – Telegram
CODE & QADR
45 subscribers
30 photos
7 videos
1 file
23 links
🌙 Code & Qadr 🌙
Learning • Building • Growing

A space for developers and curious minds to explore:
🔹 MERN Stack tips & tutorials
🔹 AI & Python experiments
🔹 Dev insights & reflections
🔹 Tech with purpose & intention

🚀 Contact👉 @knows81
Download Telegram
بسم الله الرحمن الرحيم 🌙

🌟 Welcome to CODE & QADR 🌟
📅 Launched: August 31, 2025

Assalamu Alaikum & Hi 👋,
I am a MERN Stack Developer.

I created this channel to share my journey in web development, AI, and Python — along with my reflections, thoughts, and personal dev experiences.

Here’s what you’ll find here:
💻 Practical MERN tutorials & tips
🤖 AI & Python experiments
📝 Reflections & thoughts from my journey
🌱 Insights on learning, growth & building with purpose

The name “Code & Qadr” reflects my belief in coding with intention and trusting the path that unfolds.

This space is for anyone who’s curious, learning, or inspired by tech + purpose.

Thanks for being here. Let’s learn, reflect, and grow together.
Bismillah — let’s go 🚀
🔗 Join & Share: t.me/codeandqadr
#CodeAndQadr #MERNStack #AI #Python #Reflections #Ethiopia
4
CODE & QADR pinned «بسم الله الرحمن الرحيم 🌙 🌟 Welcome to CODE & QADR 🌟 📅 Launched: August 31, 2025 Assalamu Alaikum & Hi 👋, I am a MERN Stack Developer. I created this channel to share my journey in web development, AI, and Python — along with my reflections, thoughts, and…»
pic.png
2.9 MB
I’ve started a new Telegram channel called Code & Qadr — a space where I’ll be sharing:
💻 MERN Stack tutorials & tips
🤖 AI & Python experiments
📝 My personal reflections & dev journey
🌱 Thoughts on growth, purpose & learning
🇪🇹 Tech insights from Ethiopia to the world

If you’re curious about tech + intentional growth, join me here:
👉 t.me/codeandqadr
👨‍💻 Student Management System – My Full-Stack Project!

Hey #CodeAndQadr! A few months back ago, I built a Student Management System (SMS) to make school admin easy and digital.

Features:
Add / Update / Delete student profiles
Track attendance & fees
Role-based access: Admins, Teachers & Students
Search students instantly
Clean, responsive UI with Handlebars & Bootstrap

🛠 Tech Stack:

Frontend: Handlebars (HBS), Bootstrap

Backend: Node.js, Express.js

Database: MySQL

Hosting: Vercel

💡 Why I built it: No more paper chaos! Faster, smarter, and secure student management.

💻 Try it here: https://full-stack-student-management-system.vercel.app/ check out the video below👇👇
😂 Funny coincidence alert!

Today I went to pray Zuhr at the masjid. The committee was collecting money because A man’s kid was sick and couldn’t afford it. People were giving what they could… and then A man suddenly said, “I’ll pay the entire amount myself!” 😲

I was standing there like… 😳 And the funniest part? The very same day I launched my new channel “Code & Qadr,” A man literally covered everything by himself! Maybe my channel brings out heroic moves… or maybe I have a good “money feature”! 🤣💸https://news.1rj.ru/str/codeandqadr
😁31
📢 CODING WITH PURPOSE
Trust the process. Never lose hope. Keep pushing.

📎To anyone stuck today:
⚡️ A bug you can’t fix?
⚡️ A concept that won’t click?
⚡️ Or just a rough morning?

👉 Keep going.

🌱 Growth takes time.
Progress isn’t always loud.
But every line of code… every small win… every moment of patience…
it all adds up.


💡 We’re not just building apps.
We’re building ourselves.

🔗 Join us 👉 https://news.1rj.ru/str/codeandqadr
👍4
🧰 TODAY’S TOPIC: React Toastify

Most devs are afraid of toast notifications… I was too!
I thought it would be complicated, but I implemented it in my Auth system (login/signup) and it works flawlessly.

🛎 React Toastify: Notifications That Just Work

🔧 Install in seconds:

npm install react-toastify


⚡️ Trigger a toast in ONE line:

import { toast } from 'react-toastify';
toast.success("You're all set!");


🎨 Features:
• Auto-dismiss & pause on hover
• Dark / Light themes
• Custom icons & positions
• Works with any React setup

Before (hard way):

Custom CSS

Manual animations

Lots of boilerplate

After (Toastify way):

One line of code

Instant, polished notifications

💬 Stop reinventing the wheel. Start shipping polished UX.

🎥 Watch it in action: Quick Tutorial


https://news.1rj.ru/str/codeandqadr
👍3
Media is too big
VIEW IN TELEGRAM
#prey
የጠፋባችሁን ስልክ ፈልጎ ለማግኘት ይረዳችኋል።

ተመዝግባችሁ ስልካችሁን add በማድረግ ፓስወርድ እና ኢሜይል መያዝ ብቻ ነው የሚጠበቅባችሁ።

አፕሊኬሽኑን ለማግኘት
https://play.google.com/store/apps/details?id=com.prey

ለመመዝገብ
https://panel.preyproject.com
🎙Todays Topic

💻 Remote Work, Family & Focus — Life as a Dev

In today’s tech landscape, remote work empowers developers to shape their careers around their values and responsibilities.

Whether you're a parent working from home, someone who prefers privacy, or simply seeking balance—tech makes it possible.

Take, for example, a Muslim woman who wears the niqab: working remotely allows her to care for her children, stay comfortable in her environment, and build with tools like the MERN stack—all without compromising her lifestyle.
This post is a nod to those who code with purpose and live with intention.

Follow Code and Qadr for more insights and stories:
📲 https://news.1rj.ru/str/codeandqadr
👍41🥰1
Me: Integrating shadcdn components into Vite with my backend server...

Electricity: "let’s deploy darkness to production " 😂 😢and then went off

How are we even supposed to survive this dev life?

a good dark night deployment I guess 🌑💻
😁2
🧠 Code$Qadr Topic of the Day — Sept 4, 2025

Your server says “Running on port 5000” — but your database might be dead.
Today’s reminder: Don’t trust your logs blindly.
Use try/catch around mongoose.connect()
Log your DB status
Freelancers: Clients don’t care if your code “should work.” They care if it does.
🔍 Stay sharp. Your backend deserves precision. https://news.1rj.ru/str/codeandqadr
👍3
If you are learning react after finsihing the basics,you might have to explore to this ui's

🔥 Which UI library should you pick? Shadcn/UI or Material-UI (MUI) 🔥


1.Shadcn/UI

Fully customizable 🎨

Uses Tailwind CSS

Fewer components but very flexible

No prebuilt hamburger menu

2.Material-UI (MUI)

Pre-styled with Material Design 🎯

Tons of ready-to-use components 🚀

Built-in hamburger/sidebar

Easy to start

💡 TL;DR:

🧠Want full control + Tailwind → Shadcn/UI

🫀Want ready-made + hamburger menu → MUI

👀 Look at the image above for more!

https://news.1rj.ru/str/codeandqadr
1.Never quit ,when you do you it's over...just keep pushing the one Html code(ተስፋ አትቁረጥ፣ጪ)

2.Never go to next step without understanding the basics(መሰረታዊው ሀሳብ ሳይገባህ ወደ ሌላ አትለፍ፣ፊ)

3.Never go vibe coding unless understanding each line of code(ሀሳብህን ለAi ፅፈህ ኮዱን እራሱ ቢሰጥህም ፣የሰጠህንን ኮድ ሳትረዳው ወደ ሌላ አትለፍ)
7
Life is stressful!


As a man you're not here to have an easy life, in fact the opposite.


Great men, have great problems.


When you finally stop your fapping addiction,
then you're just go on to the next problem:

being broke, fat, unnmarried,

there is always more to do.

But, it is only temporary,

and when we insha Allah through the mercy of our Lord, pass on the day of judgement,

then u may relax,

but until then,

KEEP PUSHING💪😎
🔥32
🕌 Jummah Sunnah Reminder 
Revive the Sunnah, revive your soul. 

📌 12 Sunnahs to Practice on Friday 
1. Take a ghusl (ritual bath) 
2. Wear clean, preferably white clothes 
3. Apply perfume (for men) 
4. Recite Surah Al-Kahf 
5. Send abundant salawat upon Prophet ﷺ 
6. Make heartfelt dua during the last hour before Maghrib 
7. Arrive early for Jummah prayer 
8. Walk to the masjid calmly 
9. Listen attentively to the khutbah 
10. Avoid talking during khutbah 
11. Pray sunnah after Jummah 
12. Reflect and seek forgiveness 

📲 Join us on Telegram: @codeandqadr
💯7
🎨 Frontend = Presentation
⚙️ Backend = Processing
🔗 API = Communication
🌐 Full Stack = Complete Vision

https://news.1rj.ru/str/codeandqadr
👍1
📌 Today’s Topic: JWT Authentication 🛡

In modern web apps, we don’t just log users in—we empower them to move securely across services. That’s where JWT (JSON Web Token) shines.

🔐 What is JWT?
A compact, self-contained token that carries user identity and permissions. Once issued, it travels with every request—no need for server-side sessions.

📦 JWT Structure:

Header: Algorithm & token type

Payload: Claims (like user ID, role, expiry)

Signature: Verifies integrity & authenticity

🚀 How JWT Works:

User logs in with email & password

Server verifies credentials

Server issues a JWT (signed token)

Client stores token (localStorage / cookies)

Client sends token with every request

Server verifies token → grants or denies access

⚠️ What could happen without JWT or proper authentication:

Anyone could access protected pages or APIs

No reliable way to verify user identity

Session management becomes messy

Vulnerable to attacks like session hijacking or token tampering


Why Use JWT:

Stateless & scalable

Easy API protection

Works across domains (SSO-friendly)

Tamper-proof with cryptographic signing

💡 Real-World Example:
Think of it like a security pass for a building: the guard (server) checks your pass (JWT) every time you enter a room (request). Without it, anyone could walk in freely.

📌 Next Post (Project Showcase):
I’ll show a real-world MERN authentication system I built using JWT, including:

Protected routes

Role-based access control

Password validation & duplicate email handling

Email verification

Polished UI with Shadcn + Tailwind
https://news.1rj.ru/str/codeandqadr
🔥1
It’s been a hectic time at work, but I’m back and looking forward to sharing more updates soon."

Hello again📸
This media is not supported in your browser
VIEW IN TELEGRAM
📌 Throwback: From Some Authentication Systems i did🔑

One of my authentication projects was built with Node.js, Express, and Handlebars.

What it included:

Register & login system

Session-based authentication

Basic protected routes

⚠️ Challenges compared to JWT-based authentication:

Session management is messy and hard to scale (JWT is stateless & scalable)

Vulnerable to session hijacking (JWT uses cryptographic signing)

Limited for API integrations (JWT works seamlessly across domains & services)

Harder to handle role-based access (JWT can carry roles directly in the token)

🎥 Demo Video👆Watch


This project was my introduction to authentication systems — a foundation that helped me later build secure, scalable solutions with JWT.

CHECKOUT THE NEW VERSION ONE👇

📺 For more projects and deep-dives, check out Code and Qadr
👍2