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

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 30 Post NO 226 # CNN Clone – Functional Web-Based News Website **Project Duration:** 3 Days **Project Description:** The CNN Clone is a functional, web-based news website inspired by CNN. The purpose of this project is to create a news platform where users can explore the latest headlines, browse different news categories, and read full news articles through a clean and user-friendly interface. The homepage will feature breaking news, featured stories, headlines, and different news categories such as World, Politics, Business, Technology, Sports, and Entertainment. Users will be able to navigate dynamically between pages and open individual articles to read detailed news content. The website will include responsive navigation, interactive links, organized news sections, and a professional layout that works on both desktop and mobile screens. After completing the project, the source code will be uploaded to GitHub along with a README file explaining the project, its features, technologies used, and instructions for running the website. **Key Features:** - Homepage with featured news and headlines. - Multiple news categories. - Individual article pages with detailed content. - Dynamic navigation between pages. - Responsive design for desktop and mobile devices. - Interactive buttons and links. - GitHub repository with a README file. **Project Goal:** To develop a functional news website that demonstrates web development skills, including page navigation, content organization, responsive design, and GitHub project management. **Deliverables:** 1. A functional, web-based CNN-style news website. 2. Homepage, category pages, and individual article pages. 3. Responsive and user-friendly interface. 4. GitHub repository containing the complete source code. 5. A README file with project details and setup instructions.

RSIF8 Roll no77 Coding post 25 Coding Topic : TWITTER CLONE (FUNCTIONAL) (WEB-BASED) I built a fully functional Twitter Clone using HTML, CSS, and Vanilla JavaScript. This project allows users to share short posts, follow other users, and interact with content through likes and comments, providing a simplified social media experience. ✨ Features: 📝 Create and publish tweets 👥 Follow and unfollow users ❤️ Like and unlike posts 💬 Comment on tweets 📰 Dynamic timeline/feed 👤 User profile section 🎨 Clean, responsive, and modern UI ⚡ Built with HTML, CSS & Vanilla JavaScript 📂 Source code uploaded to GitHub with a detailed README.md This project helped me strengthen my frontend development skills, including DOM manipulation, event handling, responsive web design, and JavaScript application logic.

Today I Learned a Real Lesson About Building LLM Systems Today, I attempted something challenging: building an LLM-based system from scratch. I set everything up on GitHub Codespaces, connected the API, and integrated the model into a chatbot interface. On the surface, the system looked complete. The code was written, the files were organized, and the logic made sense. Yet, it didn’t work. No response. No answer from the LLM. Just silence. At first, I assumed the obvious — maybe this was simply too advanced. Maybe building something like this wasn’t possible for me yet. That doubt hit hard, because everything seemed correct. Instead of quitting, I decided to slow down and truly analyze what was happening. That’s when I discovered the real problem. The issue wasn’t the LLM. It wasn’t the API. It wasn’t even the chatbot logic. The actual failure was at the system level. The communication tunnel between the user, the server, and the LLM was never properly established. The request was not reaching the LLM in the first place. And if a question never reaches the model, an answer can never come back. This moment completely changed how I think about AI development. I realized that: AI systems are not just about writing code APIs don’t magically work unless the infrastructure allows them to Most real-world failures happen in networking, permissions, environment setup, and data flow Debugging is not a weakness — it’s a sign that you’re building something real What looked like an “impossible task” was actually a broken bridge in the system architecture. Today taught me that building LLM-powered applications is less about intelligence and more about clarity: Knowing where a request starts Understanding where it should go And making sure the path between them actually exists I didn’t fail today. I reached the stage where systems stop working unless you truly understand how they are connected. And that’s the stage where real builders are made. 💡🚀 Rehan Allahwala @highlight

🚀 My PayFlow Payment Platform Clone is Live! 💳 I’m excited to share my new PayFlow payment platform clone, built as a web-based project to practice real-world software development. 💻 In this project, I worked on: • User Signup & Login • Payment Dashboard • Digital Balance System • Send Money Feature • Transaction History • User-to-User Payments • Responsive Web Interface • Browser-based data storage using LocalStorage 🌐 I also tested the application in a real Chromium browser, not only in a simulated testing environment. I created multiple test accounts and tested the complete money-transfer flow, including sender balance, receiver balance, transaction history, and invalid email handling. This project helped me improve my understanding of JavaScript, HTML, CSS, LocalStorage, user authentication logic, and payment workflow development. ⚠️ This is an educational/demo project. It does not process real money. Built with ❤️ by Faizan Ali SoftwareWala #PayFlow #WebDevelopment #SoftwareDeveloper #JavaScript #HTML #CSS #Coding #WebDesign #PaymentPlatform #GitHub #GitHubPages #SoftwareDevelopment #Programming