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

RSIF8 Roll no:85 Task no:75 Task topic:Basic Quiz Application 🎯 Welcome to the Basic Quiz Application, a simple and interactive way to test your knowledge while having fun! This application presents multiple-choice questions, tracks your score, and provides instant feedback, making learning more engaging and enjoyable. 📚✨ 💡 Whether you're a student preparing for exams, a teacher creating quick assessments, or someone who loves challenging their brain, this quiz application is a perfect learning companion. Its user-friendly interface and easy navigation make it suitable for learners of all ages. 🎓🌍 ⚡ The Basic Quiz Application helps improve memory, critical thinking, and problem-solving skills through interactive quizzes. You can answer questions, view your results instantly, and identify areas where you can improve. Every quiz is a step toward gaining more knowledge and confidence. 🏆📈 🌟 Keep learning, keep exploring, and challenge yourself every day with the Basic Quiz Application. Turn every question into an opportunity to grow, learn new facts, and enjoy the journey of education through technology

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 #

#rsisb Roll no.247 coding.4 Foundation level 📅✨ **Calendar App — Organize Your Time, Plan Your Future!** 🚀🗓️ Today, I worked on an exciting **Calendar App** project designed to make organizing daily activities, important dates, events, and schedules easier and more convenient. 📆💻 The Calendar App provides a simple and user-friendly way to manage your time. Users can easily view different days, weeks, and months, keep track of important events, and plan their schedules in an organized way. ⏰📝 This project helped me understand important concepts of **web development, user interface design, date management, navigation, and interactive applications**. 💡👨‍💻 It was a great opportunity to practice creating a clean and useful digital experience. A good calendar is more than just a way to see dates—it helps us stay organized, remember important moments, manage our responsibilities, and use our time wisely. 🌟⏳ I’m excited to continue learning, improving my coding skills, and creating more useful projects in the future! 🚀🔥 📅 **Project:** Calendar App 💻 **Category:** Coding / Web Development 🎯 **Focus:** Organization, Scheduling & Time Management 🌱 **Learning:** UI Design, Programming & Interactive Features #CalendarApp #Calendar #Coding #WebDevelopment #Programming #CodingProject #Tech #Technology #SoftwareDevelopment #AppDevelopment #UIDesign #WebDesign #LearningToCode #CodingJourney #StudentDeveloper #CreativeCoding #TimeManagement #Productivity #Organization #DigitalCalendar #FutureDeveloper #TechSkills #Innovation #ProjectBasedLearning 🚀💻📅✨🎯

#rsisb Roll no.247 coding no.2 Foundation level 🤖💻 **Coding Task — ChatGPT Clone (Non-Functional, Web-Based, 1 Hour)** 🚀✨ Today’s coding task was to create a **non-functional, web-based ChatGPT Clone** within one hour. 🧠💬 This project focused on designing a clean and user-friendly interface inspired by modern AI chat applications. The main goal was to understand how a conversational AI website can be structured and how different UI elements work together to create a smooth user experience. 🌐🎨 During this task, I worked on the **frontend design and layout**, including the chat interface, message area, input box, buttons, navigation elements, and overall page structure. 🖥️⌨️💡 Since this was a non-functional prototype, the focus was on the **visual appearance, responsiveness, and user interface** rather than connecting it to a real AI model or backend system. This activity helped me practice important web-development concepts such as **HTML, CSS, JavaScript, responsive design, layout organization, buttons, input fields, and interactive UI elements**. 📚⚡ It was also a great opportunity to think about how users interact with AI tools and how a simple interface can make technology easier and more enjoyable to use. 🤝🤖 Completing this project in just **one hour** was a valuable challenge! ⏱️🔥 It encouraged me to manage my time, plan the interface before coding, solve design problems, and turn an idea into a working web prototype. Every coding task is another step toward improving creativity, problem-solving, and programming skills. 🌟💻 I’m excited to continue learning, building more projects, experimenting with new ideas, and improving my web-development skills. 🚀📖 The journey of coding is all about learning from each project and becoming better with every new challenge! 💡🌍 #ChatGPTClone #CodingTask #WebDevelopment #HTML #CSS #JavaScript #Coding #Programming #WebDesign #FrontendDevelopment #UIUX #UserInterface #AI #ArtificialIntelligence #Technology #TechProject #CodingChallenge #StudentDeveloper #LearningToCode #ProgrammingSkills #CreativeCoding #WebProject #OneHourCoding #BuildWithCode #TechLearning #FutureDeveloper #ComputerScience #DigitalSkills #Innovation 🤖💻🚀✨

Mohsin #RSF8🎓✨ #Storypost11 Class: Foundation level 📚 Made by Me 💻🚀 rool no:13 📐 Trigonometry: The Story of Angles Trigonometry is much more than just formulas and triangles—it is the mathematics of angles, distances, heights, and relationships. 🔺📊 From the height of a tall building to the distance between two places, trigonometry helps us solve problems that cannot always be measured directly. It connects angles with the sides of triangles and gives us powerful tools such as sine, cosine, and tangent. 🌍 Trigonometry is used in many areas of our everyday world, including architecture, engineering, astronomy, navigation, construction, physics, computer graphics, and technology. Every angle gives us information, and every triangle can reveal something new. By understanding how angles and sides are connected, we can discover distances, calculate heights, and understand shapes in a completely different way. ✨ Angles tell the story. Triangles provide the clues. Trigonometry helps us find the answer. So, the next time you see a triangle or measure an angle, remember—you are looking at one of the most useful ideas in mathematics! 🧠📐 #Trigonometry #Mathematics #Angles Triangles MathStory LearnMath MathEducation STEM MathematicsLearning

#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 💻🚀📱✨💚

RSIF8 ROLL NO:92 Coding Task No:21 Topic:### ChatGPT Clone – Project Description Created a professional **ChatGPT Clone** as a non-functional web-based application using **Claude.ai**. The project features a clean and modern chat interface where users can type messages, view conversation-style responses, and interact with an AI-inspired layout. The design focuses on a simple, responsive, and user-friendly experience that visually represents a modern AI chatbot platform. **Key Features:** - Modern ChatGPT-inspired interface - Message input and chat display area - Clean and professional UI - Responsive web design - User-friendly navigation and layout - AI chatbot-style conversation experience - Developed as a **non-functional prototype** within 1 hour

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

RSIF8 Coding Book TaskNO:4 Rool NO:13 Multiple-Choice Quiz Game For this coding task, I created a Multiple-Choice Quiz Game as an interactive and educational application. The main purpose of this project is to provide users with a simple and enjoyable way to test their knowledge by answering a series of multiple-choice questions. This project combines learning, programming, and game-like interaction in one application. The Multiple-Choice Quiz Game displays a question on the screen and provides several answer options for the user to choose from. The user reads the question carefully and selects the answer they believe is correct. After making a selection, the application checks the answer and determines whether it is correct or incorrect. The game then continues to the next question until all the questions have been completed. One of the main features of this project is the scoring system. The application keeps track of the user's correct answers and updates the score as the quiz progresses. At the end of the game, the final score can be displayed to show the user's performance. This makes the quiz more engaging because users can see how well they performed after completing all the questions. While creating this project, I learned many useful programming concepts. I learned how to store questions and answer choices, display information on a webpage, handle button clicks, check user selections, and update the score. I also learned how programming logic can be used to make an application respond to different actions performed by the user. This project helped me understand the importance of conditional statements and variables in programming. For example, the program needs to compare the selected answer with the correct answer and then decide what should happen next. Variables can be used to store information such as the current question number and the user's score. These basic concepts are very important for building interactive applications and games. Another important part of this task was designing the application so that it is easy to understand and use. A good quiz game should have clear questions, readable answer options, and simple navigation.