🧠 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
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
🔥 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 ፅፈህ ኮዱን እራሱ ቢሰጥህም ፣የሰጠህንን ኮድ ሳትረዳው ወደ ሌላ አትለፍ)
✅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💪😎
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💪😎
🔥3❤2
🕌 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
✨ 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
⚙️ 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
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
Telegram
CODE & QADR
🌙 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
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
🔥1
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
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 👆🛡
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
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
Telegram
CODE & QADR
🌙 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
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
🔥5
💧 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
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 🤲
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
🎓💻 Skill > Degree in 2025 💻🎓
Once, a degree was the golden ticket. Today? It’s just the entry pass.
In 2025 and beyond:
A degree without skills = paper.
A skill without a degree = opportunity.
🔥 The marketplace no longer asks, “What did you study?”
It asks, “What can you do?”
Examples:
Someone with no MBA but who masters Facebook Ads can build a 6-figure business.
A person without a computer science degree but with coding + AI skills can get hired by global companies.
A teacher who learns graphic design or video editing can earn more online than in a classroom.
💡 In the age of AI and the internet, your degree is your past — your skills are your future.
👉 The smart ones are upgrading daily. The rest will be left behind.
✨ Remember:
“Your certificate can tell the world what you studied. But your skills tell the world what you’re worth.”
👉 Follow https://news.1rj.ru/str/codeandqadr for more content that actually grows you
Once, a degree was the golden ticket. Today? It’s just the entry pass.
In 2025 and beyond:
A degree without skills = paper.
A skill without a degree = opportunity.
🔥 The marketplace no longer asks, “What did you study?”
It asks, “What can you do?”
Examples:
Someone with no MBA but who masters Facebook Ads can build a 6-figure business.
A person without a computer science degree but with coding + AI skills can get hired by global companies.
A teacher who learns graphic design or video editing can earn more online than in a classroom.
💡 In the age of AI and the internet, your degree is your past — your skills are your future.
👉 The smart ones are upgrading daily. The rest will be left behind.
✨ Remember:
“Your certificate can tell the world what you studied. But your skills tell the world what you’re worth.”
👉 Follow https://news.1rj.ru/str/codeandqadr for more content that actually grows you
🔥5
React Developer Roadmap 2025:
Step 1: 🌐 Learn Web Basics
Understand the fundamentals of the internet, including how websites are hosted, the role of DNS, and basic networking concepts.
Step 2: 📄 Master JavaScript Fundamentals
Before diving into React, ensure you have a solid understanding of JavaScript, including ES6+ features, functions, objects, and asynchronous programming.
Step 3: 🛠️ Learn React Basics
Start with the basics of React, including components, props, state, and JSX. Understand how React's component-based architecture works.
Step 4: 🛠️ Build Simple React Projects
Create basic React projects like a to-do list, weather app, or a simple blog to practice your React skills.
Step 5: 📢 Share on LinkedIn
Post your completed React projects on LinkedIn to showcase your progress and start building your professional network.
Step 6: 🤖 Learn Advanced React
Dive into more advanced topics such as hooks, context API, higher-order components, and performance optimization.
Step 7: 🛠️ Create More Complex Projects
Develop more sophisticated projects that involve routing, state management (using libraries like Redux or Context API), and API integration.
Step 8: 📚 Develop a Professional Portfolio
Build a portfolio website showcasing your best React projects. Include detailed denoscriptions and your role in each project.
Step 9: 🔁 Share Your Work Online Again
Regularly update and share your new projects and portfolio on LinkedIn, GitHub, and other professional platforms.
Step 10: 💼 Begin Job Applications
Start applying for React developer positions. Tailor your resume and cover letter to highlight your React expertise and projects.
https://news.1rj.ru/str/codeandqadr
Step 1: 🌐 Learn Web Basics
Understand the fundamentals of the internet, including how websites are hosted, the role of DNS, and basic networking concepts.
Step 2: 📄 Master JavaScript Fundamentals
Before diving into React, ensure you have a solid understanding of JavaScript, including ES6+ features, functions, objects, and asynchronous programming.
Step 3: 🛠️ Learn React Basics
Start with the basics of React, including components, props, state, and JSX. Understand how React's component-based architecture works.
Step 4: 🛠️ Build Simple React Projects
Create basic React projects like a to-do list, weather app, or a simple blog to practice your React skills.
Step 5: 📢 Share on LinkedIn
Post your completed React projects on LinkedIn to showcase your progress and start building your professional network.
Step 6: 🤖 Learn Advanced React
Dive into more advanced topics such as hooks, context API, higher-order components, and performance optimization.
Step 7: 🛠️ Create More Complex Projects
Develop more sophisticated projects that involve routing, state management (using libraries like Redux or Context API), and API integration.
Step 8: 📚 Develop a Professional Portfolio
Build a portfolio website showcasing your best React projects. Include detailed denoscriptions and your role in each project.
Step 9: 🔁 Share Your Work Online Again
Regularly update and share your new projects and portfolio on LinkedIn, GitHub, and other professional platforms.
Step 10: 💼 Begin Job Applications
Start applying for React developer positions. Tailor your resume and cover letter to highlight your React expertise and projects.
https://news.1rj.ru/str/codeandqadr
❤4