• **Day 96 | Coding Task**

    **Foundation Level**
    **Roll No: 01**

    **Simple Contact Book**

    Aaj maine Rehan School ke **Day 96 Coding Task** ke liye ek **Simple Contact Book** web application banayi.

    Is project mein maine **HTML, CSS aur JavaScript** ka use karke ek useful Contact Book create ki, jisme contacts ko easily **add, view, search, edit aur delete** kiya ja sakta hai.

    **Project Features:**
    • New contacts add karna
    • Name, phone, email aur address save karna
    • Saved contacts ko view karna
    • Contacts search karna
    • Existing contacts edit karna
    • Contacts delete karna
    • Total contacts count dekhna
    • Browser **Local Storage** ke through contacts save rakhna
    • Form validation
    • Responsive aur user-friendly design

    Is coding task ke through mujhe **JavaScript arrays, functions, DOM manipulation, events, form validation aur localStorage** ko practically samajhne aur use karne ka mauqa mila.

    Ye project mere liye ek aur step hai apni **coding, problem-solving aur web development skills** ko improve karne ki taraf. Har task ke saath main naye concepts seekh raha hoon aur unhe practical projects mein apply kar raha hoon.

    **Learn → Build → Practice → Improve**

    **Task Completed!**

    **Rehan School — Day 96 Coding Task**

    #Day96 #RehanSchool #CodingTask #SimpleContactBook #ContactBook #HTML #CSS #JavaScript #LocalStorage #WebDevelopment #Coding #Programming #LearningToCode #TechJourney #AIStudent
    πŸ’» **Day 96 | Coding Task** πŸŽ“ **Foundation Level** πŸ”’ **Roll No: 01** πŸ“± **Simple Contact Book** Aaj maine Rehan School ke **Day 96 Coding Task** ke liye ek **Simple Contact Book** web application banayi. πŸš€πŸ’» Is project mein maine **HTML, CSS aur JavaScript** ka use karke ek useful Contact Book create ki, jisme contacts ko easily **add, view, search, edit aur delete** kiya ja sakta hai. πŸ“‡βœ¨ πŸ“Œ **Project Features:** • New contacts add karna βž• • Name, phone, email aur address save karna • Saved contacts ko view karna πŸ‘€ • Contacts search karna πŸ” • Existing contacts edit karna ✏️ • Contacts delete karna πŸ—‘οΈ • Total contacts count dekhna πŸ”’ • Browser **Local Storage** ke through contacts save rakhna πŸ’Ύ • Form validation • Responsive aur user-friendly design πŸ“±πŸ’» Is coding task ke through mujhe **JavaScript arrays, functions, DOM manipulation, events, form validation aur localStorage** ko practically samajhne aur use karne ka mauqa mila. 🧠⚑ Ye project mere liye ek aur step hai apni **coding, problem-solving aur web development skills** ko improve karne ki taraf. Har task ke saath main naye concepts seekh raha hoon aur unhe practical projects mein apply kar raha hoon. πŸ“šπŸ”₯ πŸš€ **Learn → Build → Practice → Improve** βœ… **Task Completed!** **Rehan School — Day 96 Coding Task** πŸŽ“πŸ’» #Day96 #RehanSchool #CodingTask #SimpleContactBook #ContactBook #HTML #CSS #JavaScript #LocalStorage #WebDevelopment #Coding #Programming #LearningToCode #TechJourney #AIStudent
    0 Commenti 0 condivisioni 154 Views
  • Day 20 – Reminder App Completed!

    Aaj maine HTML, CSS aur JavaScript se ek powerful Reminder App bana diya!

    Features:
    • Naya reminder add karo (title + time + date)
    • Har reminder ke liye alag notification sound
    • Time hone par browser notification + sound
    • Reminder complete mark karo ya delete karo
    • Sab reminders localStorage mein save rehte hain (page refresh hone pe bhi gayab nahi hote)

    Coding with ChatGPT – Day 20 ‍
    Reminder App
    Flip & Match Feature

    #100DaysOfCode #JavaScript #FrontendDevelopment #WebDev
    Day 20 – Reminder App Completed! βœ… Aaj maine HTML, CSS aur JavaScript se ek powerful Reminder App bana diya! Features: • Naya reminder add karo (title + time + date) • Har reminder ke liye alag notification sound πŸ”” • Time hone par browser notification + sound • Reminder complete mark karo ya delete karo • Sab reminders localStorage mein save rehte hain (page refresh hone pe bhi gayab nahi hote) Coding with ChatGPT – Day 20 πŸ§‘‍πŸ’» βœ… Reminder App Flip & Match Feature #100DaysOfCode #JavaScript #FrontendDevelopment #WebDev
    0 Commenti 0 condivisioni 823 Views
  • Day 22 – Word Scramble Game Completed!

    Aaj maine HTML, CSS aur JavaScript se ek addictive Word Scramble Game bana diya!

    Features:
    • Har round mein ek naya word scramble ho jata hai
    • Hint button (thodi si madad milti hai )
    • Timer + score system
    • Sahi jawab dene par particles animation + sound
    • Galat jawab pe vibration feel (mobile pe mazaa dugna!)
    • High score localStorage mein save

    Coding with ChatGPT – Day 22 ‍
    Word Scramble Game
    Flip & Match Feature
    Day 22 – Word Scramble Game Completed! πŸ”€ Aaj maine HTML, CSS aur JavaScript se ek addictive Word Scramble Game bana diya! Features: • Har round mein ek naya word scramble ho jata hai • Hint button (thodi si madad milti hai πŸ˜‰) • Timer + score system β±οΈπŸ† • Sahi jawab dene par particles animation + sound πŸŽ‰ • Galat jawab pe vibration feel (mobile pe mazaa dugna!) • High score localStorage mein save Coding with ChatGPT – Day 22 πŸ§‘‍πŸ’» πŸ”€ Word Scramble Game Flip & Match Feature
    0 Commenti 0 condivisioni 132 Views
  • Day 24 – Memory Card Game Completed!

    Aaj maine HTML, CSS aur JavaScript se ek full-on Memory Card Game (Flip & Match) bana diya!

    Features:
    • 16 cards (8 unique pairs) jo har baar randomly shuffle hote hain
    • Smooth flip animation + satisfying match sound
    • Moves counter + Timer
    • Jab saare pairs match ho jaye toh victory screen with confetti blast
    • Best time aur least moves localStorage mein save
    • Mobile pe bhi buttery smooth touch experience

    Coding with ChatGPT – Day 24 ‍
    Memory Card Game
    Flip & Match Feature
    Day 24 – Memory Card Game Completed! πŸƒβœ¨ Aaj maine HTML, CSS aur JavaScript se ek full-on Memory Card Game (Flip & Match) bana diya! Features: • 16 cards (8 unique pairs) jo har baar randomly shuffle hote hain • Smooth flip animation + satisfying match sound βœ… • Moves counter + Timer ⏱️ • Jab saare pairs match ho jaye toh victory screen with confetti blast πŸŽ‰ • Best time aur least moves localStorage mein save • Mobile pe bhi buttery smooth touch experience Coding with ChatGPT – Day 24 πŸ§‘‍πŸ’» πŸƒ Memory Card Game Flip & Match Feature
    0 Commenti 0 condivisioni 108 Views
  • Aaj #100DaysOfCode ka akhri din aur maine full swag ke saath Fruit Cutting Game (Fruit Ninja style) bana diya!

    Features:
    • Mouse ya touch se fruits kaat do – ekdum realistic slicing!
    • Random fruits upar se aate hain speed ke saath
    • Combo system + score multiplier
    • Bomb aaye toh kaato mat warna game over
    • Juicy cutting sound + particle splash effects jab fruit kaate
    • Final score + best score localStorage mein save
    • Epic “Game Over” screen with slow-motion replay feel

    Coding with ChatGPT – Final Day ‍
    Fruit Cutting Game
    #100DaysOfCode Completed
    Aaj #100DaysOfCode ka akhri din aur maine full swag ke saath Fruit Cutting Game (Fruit Ninja style) bana diya! πŸ”₯ Features: • Mouse ya touch se fruits kaat do – ekdum realistic slicing! • Random fruits upar se aate hain speed ke saath πŸš€ • Combo system + score multiplier • Bomb aaye toh kaato mat warna game over πŸ’£ • Juicy cutting sound + particle splash effects jab fruit kaate 🎡✨ • Final score + best score localStorage mein save • Epic “Game Over” screen with slow-motion replay feel Coding with ChatGPT – Final Day πŸ§‘‍πŸ’» 🍎 Fruit Cutting Game #100DaysOfCode Completed βœ…πŸ’―
    0 Commenti 0 condivisioni 605 Views