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: 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 📰💻🚀✨

RSIF8 ROLL NO 77 CODING TOPIC GoDaddy Clone (Functional, Web-Based, 3 days). Domain search, availability checker, dashboard. 🌐🚀 **GoDaddy Clone – Functional Web-Based Project** 💻✨ Excited to work on my **GoDaddy Clone Project!** 🎯 This project focuses on building a functional, web-based platform inspired by GoDaddy, featuring domain name search 🔍, a domain availability checker ✅, and a user dashboard 📊. 💡 **Key Features:** 🔹 Domain Name Search 🌍 🔹 Domain Availability Checker ✅ 🔹 User Dashboard 📈 🔹 Clean and User-Friendly Interface 🎨 🔹 Web Development & Coding Practice 💻 This 3-day project is an opportunity to improve my coding skills, explore website development, and turn ideas into functional digital experiences! 🚀🔥 **Learn, Build, Create, and Grow!** 🌟 #GoDaddyClone #WebDevelopment #CodingProject #DomainSearch #WebDesign #FrontendDevelopment #Dashboard #LearnToCode #TechLearning #AIandCoding #RehanCodingWithAI #RehanSchool #BuildInPublic 💻🚀

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

RSIF8 Roll NO:92 Coding Task NO:21 Topic:**Coding Task — CNN Clone (Functional, Web-Based, 3 Days)** I created a professional, functional, web-based CNN-style news website as part of my coding assignment. This project features a modern design, breaking news section, categorized news articles, a search bar, article details, bookmarks, and dark mode. The website is designed to provide a smooth and user-friendly experience on desktop, tablet, and mobile devices. This project helped me improve my web development skills, practice interactive features, and understand how professional news websites are structured. **Learning Outcome:** Improved my knowledge of web design, coding, responsive layouts, and functional website development. #CNNClone #CodingTask #WebDevelopment #HTML #CSS #JavaScript #ResponsiveDesign #FrontendDevelopment #CodingSkills #LearningByDoing#AdnanHaider

RSIF8 ROLL NO 77 CODIND TASK NO 23 CODING TOPIC CNN CLONE (FUNCTIONAL) (WEB-BASED): Develop a functional CNN Clone, focusing on a dynamic homepage, news categories, and an article page. Upload your CNN Clone project to GitHub with a README.md file. 🚀📰 **CNN Clone – Functional Web Project!** 🌐💻 I developed a **functional CNN Clone** with a dynamic homepage, organized news categories, and dedicated article pages. 🗞️✨ The project focuses on creating a modern, responsive news website experience with easy navigation and engaging content. 🔥📱 The project has also been uploaded to **GitHub** with a complete `README.md` file for documentation. 💻🚀 #CNNClone #WebDevelopment #HTML #CSS #JavaScript #GitHub #FrontendDevelopment #NewsWebsite #CodingProject #WebDesign #Programming #

RSIF8 Roll No: 43 Coding Task No: 21 Coding Task Topic: ChatGPT Clone (Non-Functional, Web-Based, 1 hour). 🤖💬✨ My ChatGPT-Style Web Chat Interface ✨💬🤖 🚀 Maine ek modern aur attractive ChatGPT-style chat interface design kiya hai, jo simple, clean aur user-friendly look ke saath banaya gaya hai. 💻🎨 💬 Is project mein ek beautiful chat window hai jahan messages display hote hain. 🗨️✨ User apna message likhne ke liye input box use kar sakta hai aur 📤 Send button ke through message send kar sakta hai. 🎯 Main Features: 💬 Modern Chat Window ⌨️ Easy-to-use Input Box 📤 Send Button 🤖 ChatGPT-inspired Design 🎨 Clean & Professional Interface 📱 Simple Web-Based Layout ⚡ Smooth & Easy User Experience ✨ Attractive UI with Modern Feel 🌟 Yeh project non-functional/static web interface hai, is liye is mein real AI ya backend system connected nahi hai. Lekin iska design ek real AI chat application jaisa clean aur professional feel deta hai. 🤖💙 🔥 Is project ko approximately 1 hour mein complete karne ke liye design kiya gaya hai, aur iska main focus ek simple, attractive aur easy-to-use chat experience create karna hai. 💻🚀 #ChatGPT 🤖 #WebDesign 💻 #ChatInterface 💬 #UIUX 🎨 #Coding 👨‍💻 #WebDevelopment 🚀 #AIInterface ✨ #FrontendDevelopment 🔥 #MyProject 🌟

RSIF8 Roll no: 99 Coding Project no: 21 Project topic: Prime Number Checker I created a simple and interactive Prime Number Checker using HTML, CSS, and JavaScript. The project allows users to enter a whole number and instantly check whether it is a prime number. It also keeps track of the total numbers checked and the number of prime numbers found, along with a new check option for continued use. The project demonstrates how front-end technologies can be combined to create a useful and interactive web application. It also helps in understanding concepts such as JavaScript functions, conditional logic, loops, mathematical operations, event handling, DOM manipulation, input validation, and dynamic content updates. 💻🔢 #HTML #CSS #JavaScript #WebDevelopment #PrimeNumberChecker #Coding #Programming #FrontendDevelopment #JavaScriptProject #Technology

RSIF8 Roll no: 99 Coding Project no: 20 Project topic: Word Guessing Game I created a simple and interactive Word Guessing Game using HTML, CSS, and JavaScript. The game challenges the user to guess a hidden word by entering one letter at a time. It includes limited attempts, used-letter tracking, score counting, random word selection, win and game-over messages, and a new game option. The project demonstrates how front-end technologies can be combined to create an engaging and interactive gaming experience. It also helps in understanding concepts such as JavaScript functions, arrays, event handling, DOM manipulation, conditional logic, and game state management. 💻🎮 #HTML #CSS #JavaScript #WebDevelopment #WordGuessingGame #Coding #Programming #FrontendDevelopment #GameDevelopment #Technology