Rsif8 Roll No 30 Post No 245 🚀 **Blogger.com Clone – Functional Web Development Project** I am excited to share my Blogger.com Clone project, created as part of **#RehanCodingWithAI**! This is a functional, web-based blogging platform inspired by Blogger.com. It allows users to: ✅ Create new blog posts. ✅ Edit and update existing posts. ✅ Read and manage blog posts. ✅ Organize posts into different categories. ✅ Add and manage comments. ✅ Enjoy a user-friendly interface. 💻 **Project Duration:** 3 Days 🌐 **Project Type:** Functional Web-Based Application 📂 **Source Code:** Uploaded to GitHub with a README file. This project helped me improve my web development, coding, and problem-solving skills. Learning by building, improving through practice, and creating something new every day! **#RehanCodingWithAI #BloggerClone #WebDevelopment #Coding #HTML #CSS #JavaScript #GitHub #Programming #LearnToCode**

RSIF8 Roll no: 86 Coding no: 24 Coding topic: **CNN Clone (Functional) – Web-Based** 📰💻🌐 In this task, I developed a **functional CNN Clone** as a web-based project, focusing on creating a dynamic homepage, organized news categories, and interactive article pages. 🖥️✨ The project was designed to provide a realistic news website experience where users can explore different categories, view news stories, and open individual articles through a simple and user-friendly interface. 📰📱 While developing this project, I improved my understanding of **web development, page structure, navigation, user interaction, and dynamic content**. I learned how different sections of a news website work together to create a smooth browsing experience. 💻📚 Creating this CNN Clone also helped me strengthen my problem-solving, design, and programming skills. 🚀💡 It gave me practical experience in building a functional website rather than only designing a static interface. As part of the task, I uploaded the complete **CNN Clone project to GitHub** along with a **README.md** file explaining the project and its features. 🔗📖 Overall, this was an educational and practical project that improved my web development skills and gave me valuable experience in creating a functional, organized, and interactive news website. 🌟💻 #CNNClone #WebDevelopment #Coding #Programming #HTML #CSS #JavaScript #NewsWebsite #GitHub #SoftwareDevelopment #Technology #StudentLearning #Education #RSIF8 📰💻🌐🚀✨

RSIF8 Roll no: 86 Coding no: 27 Coding Topic: **WhatsApp Functional Clone (Web-Based)** 💬📱💻 In this task, I developed a **functional WhatsApp Clone** as a web-based project. The application allows users to create chats, send and receive messages, and interact with others through a simple and user-friendly interface. 💻✨ The main purpose of this project was to understand how real-time messaging applications work. I learned how chat interfaces, message handling, user interactions, and real-time communication features can be implemented using web development technologies. 🌐📚 While developing this project, I improved my **HTML, CSS, JavaScript, and programming skills**. I also learned about designing chat layouts, organizing conversations, and creating a smooth user experience. 🚀💡 As part of the task, I uploaded my WhatsApp Clone project to **GitHub** and included a **README.md** file explaining the project, its features, and how to run it. This helped me understand the importance of version control and proper project documentation. 🔗📖 Overall, this was an educational and practical experience that strengthened my web development and problem-solving skills. It also encouraged me to explore more advanced features for building interactive messaging applications. 🌟💬 \#WhatsAppClone #WebDevelopment #Coding #Programming #HTML #CSS #JavaScript #GitHub #RealTimeMessaging #SoftwareDevelopment #StudentLearning #RSIF8 💻📱🚀✨

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

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