Day 29 Foundation Level Rehan School Urdu Bazaar Campus Roll Number: 4 Topic: Basic Calculator (Arithmetic Operations) Today, I completed my Basic Calculator coding task using HTML, CSS, and JavaScript. I created a calculator that performs four basic arithmetic operations: addition (+), subtraction (-), multiplication (*), and division (/). I also added Calculate and Clear buttons. This project helped me learn how to write code, use functions, and perform mathematical calculations using programming. #BasicCalculator #ArithmeticOperations #Coding #HTML #CSS #JavaScript #RehanSchool #FoundationLevel #Day29 https://claude.ai/artifact/T6kWBuXjb8pRd68czTGLni

RSIF8 ROLL NO 100 CODING TASK NO 3 CODING TOPIC 🎮🎯 **Number Guessing Game** 🔢✨ Get ready for some fun with the **Number Guessing Game!** 🥳 In this exciting project, players try to guess a secret number between 1 and 100. 🔍 Get helpful hints, count your attempts, and keep guessing until you find the correct number! 🎉🏆 This project helps improve logical thinking, problem-solving skills, and programming knowledge using HTML, CSS, and JavaScript. 💻🚀 Let's play, learn, and have fun! 😃🎮 \#NumberGuessingGame #Coding #Programming #HTML #CSS #JavaScript #WebDevelopment #LearningByDoing #FunWithCoding #TechSkills #StudentProject #KeepLearning 🎯💻🔥 Add a stronger invitation to playMake the caption shorter and punchier

Day 29 Foundation Level Rehan School Urdu Bazaar Campus Roll Number: 4 Topic: Basic Calculator (Arithmetic Operations) Today, I completed my coding task on a Basic Calculator using HTML, CSS, and JavaScript. The calculator performs four basic arithmetic operations: addition, subtraction, multiplication, and division. I also added Calculate and Clear buttons and handled errors such as division by zero. This task helped me understand how to use JavaScript functions, user inputs, and conditional statements to create a simple, interactive calculator. #BasicCalculator #Coding #HTML #CSS #JavaScript #RehanSchool #FoundationLevel #Day29

RSIF8 Roll no: 86 Coding no: 27 Coding Topic: **WhatsApp Functional Clone (Web-Based)** 💬📱💻 In this task, I developed a **functional WhatsApp Clone** as a web-based project. The application allows users to create chats, send and receive messages, and interact with others through a simple and user-friendly interface. 💻✨ The main purpose of this project was to understand how real-time messaging applications work. I learned how chat interfaces, message handling, user interactions, and real-time communication features can be implemented using web development technologies. 🌐📚 While developing this project, I improved my **HTML, CSS, JavaScript, and programming skills**. I also learned about designing chat layouts, organizing conversations, and creating a smooth user experience. 🚀💡 As part of the task, I uploaded my WhatsApp Clone project to **GitHub** and included a **README.md** file explaining the project, its features, and how to run it. This helped me understand the importance of version control and proper project documentation. 🔗📖 Overall, this was an educational and practical experience that strengthened my web development and problem-solving skills. It also encouraged me to explore more advanced features for building interactive messaging applications. 🌟💬 \#WhatsAppClone #WebDevelopment #Coding #Programming #HTML #CSS #JavaScript #GitHub #RealTimeMessaging #SoftwareDevelopment #StudentLearning #RSIF8 💻📱🚀✨

RSIF8 Roll no.49 Coding task no.30 Coding task topic:Twitter Clone (Functional, Web-Based, 3 days).🐦💻 **Coding Project: Twitter Clone — Chirp** 🚀 I built a functional, web-based Twitter clone in just 3 days using HTML, CSS, and JavaScript! ✨ **Features:**\ ✅ Post tweets with a 280-character limit.\ ❤️ Like and unlike tweets.\ 💬 Comment on posts and reply to others.\ 👥 Follow and unfollow users.\ 👤 View user profiles and edit your bio.\ 📰 Explore Following and Everyone feeds.\ 🌙 Responsive design with automatic dark mode. 🛠️ **Technologies Used:** HTML, CSS, JavaScript, and Local Storage. 📚 This project helped me improve my coding skills, understand interactive web development, and build a social media application. 🔗 **GitHub Repository:** [Add your GitHub link here] 🌐 **Live Demo:** [Add your website link here] 📢 Check out my project and share your feedback! \#rehancodingwithai #TwitterClone #Chirp #CodingProject #WebDevelopment #HTML #CSS #JavaScript #GitHub #FrontendDevelopment #LearnToCode #Programming

💻 **Day 166 | Coding Task 🕒** ⏰ **Digital Clock — Every Second Counts!** Today, I created a **Digital Clock Web App** using HTML, CSS, and JavaScript! 🚀✨ This project displays the current time and date with a stylish, modern interface. It also includes 12-hour and 24-hour formats, a seconds toggle, dark and light modes, and a fullscreen feature. Through this task, I practiced JavaScript timing functions, working with dates and time, updating the webpage dynamically, and creating an interactive user interface. Every project helps me learn something new and improve my coding skills! 💡 🎓 **Foundation Level** 🔢 **Roll No: 01** ✅ **Day 166 — Task Completed!** **Rehan School — Learning Today, Creating Tomorrow! 🌟** #Day166 #DigitalClock #CodingTask #HTML #CSS #JavaScript #WebDevelopment #RehanSchool #LearningByDoing #FutureAICreator https://youtube.com/post/Ugkxyusj8xQTTq0yMZav3adTPH_9Qi488JJ3?si=YdH9Gp3154EV6arH

RSIF8 Roll no.49 Coding task no.29 Coding task topic:Blogger.com Clone (Functional, Web-Based, 3 days).💻🚀 **Coding Task — Blogger.com Clone (Functional Web-Based Project)** I completed a **functional Blogger.com Clone** as part of my coding task. This project is designed to provide a simple and user-friendly blogging experience where users can create, edit, read, and manage blog posts. 📝 **Key Features:** 🔹 Create new blog posts 🔹 Edit existing blog posts 🔹 Read and view published posts 🔹 Organize posts using categories 🔹 Add and manage comment 🔹 Clean and user-friendly web interface 🔹 Functional blog management experience This project helped me understand how a real blogging platform works and gave me practical experience in building features such as **content management, post editing, categories, and comments**. 🔥 Building a Blogger clone is a great way to improve web development skills and understand how different parts of a website work together. 📌 **Project:** Blogger.com Clone ⏱️ **Duration:** 3 Days 🌐 **Type:** Functional Web-Based Project I’m continuing to learn, build, and improve my coding skills by creating real-world projects. 🚀💻 #BloggerClone #Blogger #Coding #WebDevelopment #WebDesign #Programming #HTML #CSS #JavaScript #CodingProject #WebBasedProject #BloggingPlatform #BlogWebsite #SoftwareDevelopment #LearnCoding #CodingJourney #Tech #Technology #Developer #RehanSchool #RehanCodingWithAI #GitHub #StudentProject

RSIF8 Roll no.49 Coding task no.28 Coding task topic:CNN Clone (Functional, Web-Based, 3 days). 📰💻 **Coding Task — CNN Clone (Functional, Web-Based)** 🚀 I completed a functional **news website clone project** inspired by modern online news platforms. The goal of this project was to understand how a professional news website is structured and how different pages, categories, articles, and navigation work together to create a smooth user experience. 🏠 **Homepage:** The website includes a clean homepage with featured news stories, headlines, images, and different news sections. Visitors can quickly explore the latest and most important stories from the main page. 🗂️ **News Categories:** The project includes multiple categories so users can easily navigate between different types of news, such as World, Technology, Sports, Business, Entertainment, and more. 📖 **Article Pages:** Each news story has its own article page containing the headline, image, article content, and additional information. This makes the website feel like a complete news platform rather than just a static homepage. 🔗 **Dynamic Navigation:** Navigation links are connected so users can move between the homepage, categories, and individual articles smoothly. The project focuses on making the website interactive and easy to explore. 💡 **What I Learned:** Through this project, I practiced website structure, HTML, CSS, JavaScript, responsive design, navigation, reusable components, and organizing content into different pages. It also helped me understand how real-world news websites can be planned and developed. The completed project is uploaded to GitHub along with a **README.md** file containing project information, features, and instructions. This project was a great opportunity to improve my web-development skills and learn how to build a functional, user-friendly news website from scratch. 🚀💻 #rehancodingwithai #CodingTask #CNNClone #WebDevelopment #HTML #CSS #JavaScript #GitHub #Coding #Programming #WebDesign #FrontendDevelopment #ResponsiveDesign #NewsWebsite #LearningToCode #StudentProject #Tech #ComputerScience

RSIF8 Roll no.49 Class:Foundation Coding task no.27 Coding task topic:Coding Task — WhatsApp Clone (Non-Functional, Web-Based)** 💻 Today I completed a **static WhatsApp Clone** as part of my web-based coding task. The project includes a clean WhatsApp-style interface with: 📱 Chat List 💬 Chat Window ⌨️ Message Input Box 📨 Send Button 🎨 Simple and clean user interface 🌐 Web-based static layout This project helped me practice **HTML, CSS, and basic JavaScript concepts** while learning how modern chat applications are structured. The project has also been uploaded to **GitHub with a README file** explaining the project. 🔗 **GitHub Project:** [Paste your GitHub link here] This is a **non-functional/static clone**, created for learning and educational purposes. 🚀 Learning by building, improving my coding skills one project at a time! #WhatsAppClone #Coding #WebDevelopment #HTML #CSS #JavaScript #GitHub #WebDesign #ChatUI #CodingTask #AI #Technology #Learning #RehanSchool #RehanCodingWithA

RSIF8 Roll no: 86 Coding no: 23 Coding Topic: **ChatGPT Clone (Non-Functional) – Web-Based** 💻🤖✨ In this task, I created a **non-functional web-based ChatGPT Clone** to understand the structure, layout, and user interface of a modern chatbot application. The project includes a clean chat interface with a sidebar, chat window, and message input area, designed using **HTML, CSS, and JavaScript**. 📱💡 The purpose of this project was to learn how chatbot interfaces are organized and how front-end technologies are used to build responsive and user-friendly web applications. Although the clone does not include AI functionality, it provides a realistic representation of the ChatGPT interface. 🌐🎨 While working on this project, I improved my skills in **HTML, CSS, JavaScript, UI design, and responsive web development**. I also learned the importance of organizing project files and documenting my work professionally using a **README.md** file. 📚🚀 After completing the project, I uploaded the source code to **GitHub**, making it easier to manage, share, and showcase my work. This experience also strengthened my understanding of version control and project documentation. 💻📂 Overall, this project was educational and rewarding. It enhanced my front-end development skills and gave me practical experience in designing modern web interfaces while preparing me for more advanced AI-powered chatbot projects in the future. 🌟✨ #ChatGPTClone #WebDevelopment #HTML #CSS #JavaScript #GitHub #FrontendDevelopment #UIUX #Programming #StudentLearning #RSIF8 💻🤖🚀✨ 12w