๐Ÿ”ฅ How I Built My Own Education Website | LearnWithRehan ๐Ÿš€

 ๐Ÿ”ฅ How I Built My Own Education Website | LearnWithRehan ๐Ÿš€

Hey guys! ๐Ÿ‘‹
Main hoon Rehan aur aaj ke is vlog me main aapko batane wala hoon ki maine kaise apni khud ki education website banayi — bilkul Tutorials type, jahan pe aap articles aur tutorials read kar sakte ho ๐Ÿ“š

Agar aap bhi apni website banana chahte ho, to ye vlog aapke liye full roadmap hai ๐Ÿ’ฏ

๐Ÿ’ก Step 1: Idea Clear Karo

Sabse pehle maine decide kiya ki mujhe ek aisi website banani hai jahan:

  • Programming tutorials ho

  • Categories ho (Java, Android, Web Dev…)

  • Easy navigation ho

๐Ÿ› ️ Step 2: Technology Choose Kari

Maine use kiya:

  • Flutter Web → UI banane ke liye

  • Firebase → Backend + Database

Isse mujhe alag se backend banane ki tension nahi leni padi ๐Ÿ˜„

๐Ÿ—„️ Step 3: Database Setup

Maine Firebase Firestore use kiya jahan maine apne saare tutorials store kiye:

  • Title

  • Content

  • Category

Simple aur powerful ๐Ÿ”ฅ

✍️ Step 4: Content Kaise Upload Kiya?

Maine ek Admin Panel banaya jahan se main:

  • Title likhta hoon

  • Content add karta hoon

  • Category select karta hoon

Aur submit karte hi data database me save ho jata hai ✅

๐Ÿง‘‍๐Ÿ’ป Step 5: Website Development

Flutter me maine banaye:

  • Home Page (categories show karne ke liye)

  • Article List Page

  • Detail Page (full tutorial read karne ke liye)

๐ŸŒ Step 6: Website Deploy

Finally maine apni website ko deploy kiya using Firebase Hosting ๐Ÿš€
Ab meri website live hai!

๐ŸŽฏ Final Workflow (Simple Samjho)

Main content likhta hoon → Admin Panel me upload karta hoon →
Firebase me save hota hai → Website pe automatically show ho jata hai ๐Ÿ’ฅ

๐Ÿ”ฅ Pro Tips

  • Dark mode add karo ๐Ÿ˜Ž

  • Search feature zaroor add karo

  • Code highlighting use karo (important for tutorials)

Agar aapko ye vlog pasand aaya ho to:
๐Ÿ‘ Like karo
๐Ÿ’ฌ Comment karo
๐Ÿ”” Subscribe karo LearnWithRehan

Main aise hi aur useful tutorials lata rahunga ๐Ÿš€

– Rehan

Comments

Post a Comment

Popular posts from this blog

๐Ÿ“˜ Top 500 Java Interview Questions (With Topics)

       ๐Ÿ“˜ Top 500 Java Interview Questions (With Topics) 1. Core Java Basics What is Java? What are the features of Java? What is JVM, JRE, JDK? Difference between JDK and JRE? Explain the Java execution flow. What are data types in Java? What is type casting? What are variables in Java? What are literals in Java? Difference between primitive and non-primitive data types? What is a wrapper class? Explain autoboxing and unboxing. Difference between == and .equals() ? What are operators in Java? What is precedence of operators? What is ternary operator? Difference between && and & ? What are bitwise operators? What is instanceof operator? What are control statements in Java? 2. OOPs Concepts What is Object-Oriented Programming (OOP)? What are the four pillars of OOP? What is class and object? What is constructor? Types of constructors in Java? Difference between constructor...
Read more

Git And GitHub Collaborators and teams

Image
            Git  And GitHub Collaborators and teams ๐Ÿ”ง 1. Version Control System: Git ➤ Git kya hai?                      Git ek version control system hai jisse aap apne code ka pura record rakh sakte hain, aur multiple developers ek hi codebase pe parallel kaam kar sakte hain bina conflict ke. ๐ŸŒ 2. Remote Repository: GitHub / GitLab / Bitbucket Ye platforms Git ka remote version rakhte hain jahan aapka project host hota hai aur sab developers access karte hain. ๐Ÿš€ Step-by-Step Setup (Multi-Developer Collaboration) ✅ Step 1: Git Install karo Windows: https://git-scm.com/download/win Install karne ke baad, command line me check karo: check karo git version git --version ✅ Step 2: GitHub Account banao (ya GitLab / Bitbucket) https://github.com pe account banao Ek new repository create karo. ✅ Step 3: Local Git Setup Run this command Terminal ya Git Bash me run karo: git config --g...
Read more

Android Interview Question and Answer

  ✅ Android Top 30 Questions and Answers (Hindi) 1. Android เค•्เคฏा เคนै? เค‰เคค्เคคเคฐ: Android เคเค• open-source operating system เคนै เคœो Google เคฆ्เคตाเคฐा Linux kernel เคชเคฐ เค†เคงाเคฐिเคค เคฌเคจाเคฏा เค—เคฏा เคนै। เคฏเคน เคฎुเค–्เคฏ เคฐूเคช เคธे smartphones เค”เคฐ tablets เค•े เคฒिเค use เคนोเคคा เคนै। 2. Android เค•े เคฎुเค–्เคฏ components เค•ौเคจ-เค•ौเคจ เคธे เคนैं? เค‰เคค्เคคเคฐ: Activities Services Broadcast Receivers Content Providers 3. Activity เค•्เคฏा เคนोเคคी เคนै? เค‰เคค्เคคเคฐ: Activity Android เคฎें เคเค• screen เค•ो represent เค•เคฐเคคी เคนै। เคœैเคธे เคเค• app เคฎें multiple screens เคนोเคคी เคนैं, เคนเคฐ screen เคเค• Activity เคนोเคคी เคนै। 4. Activity Lifecycle เค•े stages เค•ौเคจ-เค•ौเคจ เคธे เคนैं? เค‰เคค्เคคเคฐ: onCreate() onStart() onResume() onPause() onStop() onDestroy() 5. Service เค•्เคฏा เคนै? เค‰เคค्เคคเคฐ: Service background เคฎें เคšเคฒเคจे เคตाเคฒा component เคนै เคœो เคฌिเคจा UI เค•े เค•ाเคฎ เค•เคฐเคคा เคนै। เคœैเคธे music player background เคฎें song play เค•เคฐเคคा เคนै। 6. Intent เค•्เคฏा เคนै? เค‰เคค्เคคเคฐ: Intent เคเค• messaging object เคนै เคœिเคธเค•ा use components (Activities, Services, Broadcast receivers) เค•ो communicate เค•เคฐाเคจे เค•े เคฒिเค เค•िเคฏा เคœाเคคा เคนै। 7...
Read more