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

RSIF8 Roll No:84 cording task no:4 Topic :cording Day:210 Developed a functional CNN-inspired news website with a dynamic homepage, organized news categories, and dedicated article pages. 🚀 The project focuses on creating a modern news-reading experience with easy navigation and a clean, responsive design. 📱💻 The project includes a dynamic homepage, multiple news categories, article pages, and interactive web features. The complete project is uploaded to GitHub with a detailed README.md file explaining the project and setup instructions. 🔥📚 This project is a great demonstration of web development, UI design, responsive layouts, and functional website development. 🌟👨‍💻 #CNNClone #WebDevelopment #FunctionalWebsite #NewsWebsite #HTML #CSS #JavaScript #FrontendDevelopment #WebDesign #GitHub #CodingProject #ResponsiveDesign #Programming #Developer #TechProject 📰💻🚀✨

#RSISB Roll No : 55 Level 2 Work Book A Talk With Ai On Software : 02 🎙️💻🤖 Talk With AI: 50 Questions About Software Development, Coding, Artificial Intelligence, and the Future of Technology! 🚀🌍 Hello everyone! 👋 Welcome to my new educational AI Talk Session! My name is Faizan Ali SoftwareWala, and in this session, I am exploring the amazing world of software with Artificial Intelligence (AI). 💻✨ Software is one of the most important parts of our modern world. We use software every day on our computers, mobile phones, websites, educational platforms, businesses, and many other digital systems. From simple mobile applications to advanced AI assistants, software is helping people solve problems, save time, improve productivity, and connect with the world. 🌐📱 In this special session, I asked AI 50 interesting and educational questions about software to expand my knowledge, discover new ideas, and understand how technology works. 🤖🧠 Throughout this conversation, I explored several important topics, including: 💻 1. Introduction to Software: What software is, why it is important, the different types of software, and how software has changed our daily lives. ⌨️ 2. Software Development and Coding: How software is created, which programming languages beginners can learn, the importance of HTML, CSS, JavaScript, and PHP, and how developers find and fix errors in their projects. 🤖 3. Artificial Intelligence and Modern Technology: How AI is changing software development, how AI chatbots work, how APIs connect different applications, and how developers can use AI tools to build smarter digital solutions. 💰 4. Software Business and Online Earning: How beginners can earn money through software development, how freelancing works, how to find clients, how software companies generate income, and how a simple software idea can become a successful business. 🚀 5. The Future of Software Development: Whether AI will replace software developers, which skills will be valuable in the future, how young students can learn coding for free, and how technology can solve real-world problems. 🇵🇰 6. Software Development in Pakistan: How software can improve education, support businesses, create earning opportunities, and help young Pakistanis develop innovative solutions for local and international challenges. 🌟 7. Advice for Young Software Developers: I also explored how a young student can improve coding skills, build a professional portfolio, develop creative thinking, start working on real projects, and move toward becoming a successful software developer. 🎯 My Mission and Vision My goal is not just to learn coding or create websites. My bigger mission is to become a skilled software developer, an innovative problem solver, and a future leader who uses technology to make a positive difference in people's lives. I believe that age should never stop anyone from learning new skills, exploring technology, building projects, or working toward their dreams. Every expert starts as a beginner, and every successful project begins with an idea. 💡 As a student, I want to continue learning about software development, artificial intelligence, web development, and digital innovation. I want to build useful projects, experiment with new technologies, improve my English communication skills, and learn how to turn ideas into practical solutions. I also believe that AI is a powerful learning partner. When we ask meaningful questions, explore different perspectives, and practice consistently, we can improve our understanding and discover new opportunities. AI can help us learn faster, but our own creativity, critical thinking, dedication, and hard work are equally important. 🧠🔥 🌍 Why Is This Session Important? This session is designed for students, beginners, aspiring software developers, technology enthusiasts, and anyone who wants to understand the world of software. If you are interested in coding, websites, applications, AI tools, freelancing, startups, or the future of technology, I hope this conversation inspires you to start learning and creating something useful. Remember, you do not need to know everything before you begin. Start with the basics, practice every day, build small projects, learn from your mistakes, and gradually improve your skills. The most important thing is to take action and remain consistent. 💪 🎬 Watch the Session and Join the Journey! Watch my AI Talk Session, explore the 50 questions, learn something new, and share your thoughts in the comments. 💬 Which area of software development interests you the most: web development, app development, artificial intelligence, cybersecurity, or software business? 👇 Write your answer in the comments! 👍 Like this session if you found it educational. 📲 Share it with students and friends who want to learn about software. 🔔 Follow my journey for more AI talks, educational sessions, coding projects, and technology-related content. ✨ My Message to Every Young Learner: “Don't just use technology. Learn how it works, build something meaningful with it, and use your skills to solve real problems.” Keep Learning 📚 Keep Coding 💻 Keep Building 🛠️ Keep Innovating 💡 Keep Improving 🌱 And Never Give Up! 🔥🚀 Thank you for being part of my learning journey. See you in the next educational session! 👋🎙️ Created by: Faizan Ali SoftwareWala 💻 #TalkWithAI #SoftwareDevelopment #SoftwareEngineering #SoftwareDeveloper #ArtificialIntelligence #AI #Coding #Programming #WebDevelopment #LearnToCode #Technology #TechEducation #Freelancing #SoftwareBusiness #FutureOfTechnology #ProblemSolving #DigitalSkills @followers Asma Shaheen EducationWali

💻 **Day 159 | Coding Task 💬** 🗨️ **Simple Chat Application — Connect, Communicate & Create!** Today, I created a **Simple Chat Application** using HTML, CSS, and JavaScript! 🚀✨ This project features a clean chat interface where users can send messages, view timestamps, save conversations in their browser, and explore demo replies. I also added features like dark mode, message counting, and chat management to make the application more interactive and user-friendly. Through this project, I learned how to build interactive web applications, manage messages, and use local storage to save data. Every coding task helps me develop new skills and turn my ideas into reality! 💡 🎓 **Foundation Level** 🔢 **Roll No: 01** ✅ **Day 159 — Task Completed!** **Rehan School — Learning Today, Creating Tomorrow! 🌟** #Day159 #SimpleChatApplication #CodingTask #HTML #CSS #JavaScript #WebDevelopment #RehanSchool #LearningByDoing #FutureAICreator

RSIF8 Roll no.49 Class:Foundation Coding task no.26 Coding task topic:Coding Task: ChatGPT Clone — A Web-Based Chat Interface** 🚀 Welcome to my latest coding project! 🌟 In this task, I created a **static, web-based ChatGPT-style chat interface** inspired by modern AI chat applications. The goal was to design a clean, user-friendly layout that looks like a chatbot platform. ✨ **Key Features:** 💬 A ChatGPT-style chat window ⌨️ A text input box for typing messages 📩 A send button for the interface 🎨 A clean and simple web design 📄 A README file explaining the project 🐙 GitHub upload for project sharing and version control 🛠️ **Skills Practiced:** 🌐 Web interface design 💻 HTML, CSS, and JavaScript basics 🎨 UI/UX design principles 📂 GitHub repository management 📝 Writing project documentation 📌 **Note:** This is a non-functional static interface created for learning and design practice. It does not connect to an AI model or generate real ChatGPT responses. Every project is an opportunity to learn, improve, and build something new! 🚀✨ 👍 Like | 💬 Comment | 🔄 Share | 🔔 Follow for more coding projects and creative learning. #ChatGPTClone #CodingProject #WebDevelopment #HTML #CSS #JavaScript #FrontendDevelopment #ChatInterface #UIDesign #UXDesign #GitHub #README #Programming #CodingChallenge #BeginnerDeveloper #LearningToCode #TechProjects #AyeshAhmed