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
📢 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
This media is not supported in your browser
VIEW IN TELEGRAM
👇
Project Showcase: Secure Authentication System with JWT 👆🛡
🏆4
📌 Project Showcase: Secure Authentication System with JWT 👆🛡

Here’s a real-world authentication system I developed using the MERN stack with a polished UI and dashboard.

Key Features:

🔐 JWT Authentication – stateless, scalable, and secure

🛡 Protected Routes – users can only access what they’re authorized to

👥 Role-Based Access Control – admins vs regular users

✉️ Email Verification & Validation – prevents duplicate registrations & enforces password rules

🔑 Google Sign-In – seamless login with one click

🎨 UI with Shadcn + Tailwind – clean, modern, and responsive

📊 Cute Dashboard – role-specific views for users and admins

🔔 React-Toastify Notifications – smooth user feedback for login, signup, and errors

🔄 Forgot Password Flow – secure password reset with email support

🧪 Tested for Real-World Scenarios:

Invalid email format 🚫

Duplicate email registration

User not found

Wrong password attempt 🔒

Accessing protected routes without token

Password reset with secure token 🔑

⚡️ Why this is a big step up from my old session-based auth:

Scalable – no messy session storage, tokens handle it all

More Secure – cryptographic signing reduces risks like session hijacking

API-Friendly – JWT works seamlessly with modern SPAs and microservices

Flexible – role-based access and custom claims included directly in the token

Better UX – polished UI, notifications, Google login, and password reset

💡 Why This Matters:
This isn’t just “login & register.” It’s a production-grade authentication flow built with real-world security, scalability, and user experience in mind.

🔗 Building on My Previous Posts
Since I’ve already shared about JWT authentication, React-Toastify, and Shadcn UI, this project is a combination of those concepts put into action. It shows how the pieces come together in a real-world app.


🎥 Demo Video
(watch the provided video above).

📺 For more coding projects & tutorials, join my channel: Code and Qadr
🔥5
Really Nice ideas👌...

Here is the link for making agood resume 👉http://pikcv.com
💧 Today’s Little Reminder

Earlier today I went to buy a small bottle of water. Suddenly, a man beside me asked:
“Why don’t you just buy the big one? It’s better for your health.”

I paused and thought — he was right. Drinking more water is always better 💡.
But my reply was simple: “True, but carrying the big one isn’t always comfortable.”

And that moment made me reflect…

👨‍💻 As developers, we often sit for long hours while coding, completely absorbed in our work. But just like that water bottle story, convenience often wins over what’s actually better for us.

Sometimes we choose what’s easy, even if it’s not the healthiest choice.

Today’s Message: Don’t let “comfort” stop you from doing what’s healthy.
If you code for hours, make sure you’re drinking plenty of water 💦. Your brain and body will thank you.


Stay hydrated, stay sharp! 🚀 https://news.1rj.ru/str/codeandqadr
Today broke me in a way I can’t even explain. I just found out that a niqabi sister, whose Telegram channel I used to follow, was murdered. 💔 It’s so heavy to realize someone I knew, even if just online, is gone like this… Innocent lives being taken so cruelly.

It hit me so hard that I couldn’t even do my work properly today. My heart just wasn’t in it.

May Allah wrap her soul in mercy and grant her the highest place in Jannatul Firdaus. Ameen 🤲
😭5