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: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: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 43 Coding post 23 Coding Topic : CNN Clone – Responsive News Homepage I built a **CNN-inspired News Homepage** using **HTML5 and CSS3** to strengthen my front-end web development skills. This project recreates the clean and modern layout of a professional news website, featuring a breaking news ticker, navigation menu, hero section, featured news cards, and categorized content. ### ✨ Features * 📰 Breaking News Banner * 🌍 Responsive Navigation Bar * 🏆 Hero News Section * 📱 Clean & Modern UI * 🎨 CSS Flexbox & Grid Layout * ⚡ Fast and Lightweight Design * 💻 Built with HTML5 & CSS3 This project helped me practice responsive layouts, typography, spacing, color schemes, and real-world website design principles while recreating a professional news portal interface. I'm continuously improving my web development skills by building real-world UI clones and modern web applications. #WebDevelopment #HTML #CSS #Frontend #ResponsiveDesign #CNNClone #NewsWebsite #UIDesign #WebDesign #Programming #Coding #Developer #Learning #Portfolio #Tech #OpenToWork

#rsisb Roll no.247 Coding no.1 Foundation level 💻📱 **Coding Task — WhatsApp Clone (Non-Functional, Web-Based)** 🚀 Today, I worked on an exciting **coding task: creating a non-functional, web-based WhatsApp Clone**! 💚💬 The goal of this project was to practice **web development, user interface design, layout building, and front-end coding** by creating a website inspired by the familiar structure of a modern messaging application. 🌐✨ In this one-hour coding challenge ⏱️, I focused on building the visual experience of a messaging platform, including elements such as a **chat list, conversation area, message interface, profile section, navigation elements, and a clean responsive layout**. 🖥️💬 This project was **non-functional**, which means it was created mainly to demonstrate the design and front-end structure rather than real messaging, authentication, calling, or data storage. The task helped me understand how different parts of a web application can be organized and presented in an easy-to-use interface. 🧩👨‍💻 Working on this project was a great opportunity to improve my **HTML, CSS, JavaScript, UI/UX, problem-solving, and coding skills**. 📚🔥 It also showed me how important planning, creativity, attention to detail, and time management are when developing a website within a limited time. ⏰💡 Every coding challenge is another step toward becoming a better developer. 🌟 I’m excited to keep learning, experimenting with new ideas, and creating more projects in the future! 🚀💻 #CodingTask #WhatsAppClone #WebDevelopment #WebDesign #HTML #CSS #JavaScript #FrontendDevelopment #Coding #Programming #UIUX #UserInterface #ResponsiveDesign #WebApp #TechProject #CodingChallenge #LearningToCode #DeveloperJourney #ComputerScience #Technology #CreativeCoding #StudentDeveloper #BuildInPublic #OneHourCoding #PracticeProject #DigitalSkills #FutureDeveloper 💻🚀📱✨💚

RSIF 8 Roll no 93 Coding task no 24 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. 🐙 **GitHub:** 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

RSISB Roll No:#209 Clone No.1 📱💬 WhatsApp Clone (Non-Functional) 💬📱 A creative WhatsApp Clone project designed to recreate the look and feel of a modern messaging application. 🎨✨ This non-functional clone focuses on UI design, layout, and visual elements, including chat screens, contact lists, message bubbles, profile sections, and a familiar messaging interface. 💚🗨️ The project is perfect for practicing frontend development, UI/UX design, responsive layouts, and web development skills. 💻🚀 Although it is non-functional and does not send real messages, it demonstrates how a popular messaging platform can be recreated for learning and design purposes. 🌟📚 💡 A great project to showcase creativity, coding skills, and modern interface design! 🔥👨‍💻 #WhatsAppClone #NonFunctional #WebDevelopment #FrontendDevelopment #UIDesign #UXDesign #WebDesign #Coding #Programming #HTML #CSS #JavaScript #ResponsiveDesign #FrontendProject #CodingProject #Developer #Learning #Tech #SoftwareDevelopment #PortfolioProject 📱💬💻🎨✨🚀🧑‍💻🌟🔥📚💚

Calculator Web App using Gemini CLI Description A modern and responsive Calculator Web Application developed using Gemini CLI. The application supports basic and advanced calculations, history tracking, dark mode, offline functionality, and a premium user experience across all devices. Student Information 📖 Coding Book: 1 📋 Task: 11 🎓 Roll No: 71 Website Link http://rsmc71.rehanschool.us/calculatorapp/ Hashtags #GeminiCLI #CalculatorApp #WebDevelopment #HTML #CSS #JavaScript #CodingBook1 #Task11 #RollNo71 #Programming #FrontendDevelopment #PWA #StudentProject #CodeWithAI #TechEducation #WebAppDevelopment #Calculator #ResponsiveDesign #ModernUI #JavaScriptProject

Tic Tac Toe Game using Gemini CLI Description A modern and responsive Tic Tac Toe Game developed using Gemini CLI. The game features a two-player mode, score tracking, winner detection, game history, sound effects, and a professional user interface optimized for all devices. Student Information 📖 Coding Book: 1 📋 Task: 12 🎓 Roll No: 71 Website Link http://rsmc71.rehanschool.us/tictactoegamecode/ Hashtags #GeminiCLI #TicTacToe #WebDevelopment #HTML #CSS #JavaScript #CodingBook1 #Task12 #RollNo71 #Programming #FrontendDevelopment #GameDevelopment #PWA #StudentProject #CodeWithAI #TechEducation #WebAppDevelopment #ResponsiveDesign #ModernUI #JavaScriptProject #GamingApp

To-Do List Web App using Gemini CLI Description A modern and responsive To-Do List Web Application developed using Gemini CLI. Users can add, edit, delete, search, and organize tasks efficiently with priority levels, due dates, progress tracking, and offline support. Student Information 📖 Coding Book: 1 📋 Task: 13 🎓 Roll No: 71 Website Link http://rsmc71.rehanschool.us/todolistappcode/ Hashtags #GeminiCLI #TodoListApp #WebDevelopment #HTML #CSS #JavaScript #CodingBook1 #Task13 #RollNo71 #Programming #FrontendDevelopment #ProductivityApp #PWA #StudentProject #CodeWithAI #TechEducation #WebAppDevelopment #ResponsiveDesign #ModernUI #TaskManager #JavaScriptProject