• 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.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
    0 Reacties 0 aandelen 939 Views
  • 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 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
    0 Reacties 0 aandelen 2640 Views
  • 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.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
    0 Reacties 0 aandelen 1824 Views
  • 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: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 ๐Ÿ“ฐ๐Ÿ’ป๐Ÿš€โœจ
    0 Reacties 0 aandelen 1201 Views
  • 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 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 ๐Ÿ’ป๐Ÿš€
    0 Reacties 0 aandelen 1637 Views
  • RSIF8
    Roll NO:92
    Coding Task NO:22
    Topic:**Coding Task — Blogger.com Clone (Functional, Web-Based, 3 Days)**

    I created a functional, web-based Blogger.com Clone as a coding project. This project is designed to provide a blogging experience where users can create, edit, publish, and manage their blog posts through a clean, colorful, and user-friendly interface.

    **Key Features:**
    - Create, edit, and publish blog posts
    - Add images and format blog content
    - View and manage published posts
    - Search and explore blog posts
    - User-friendly dashboard
    - Responsive design for desktop and mobile
    - Save and manage blog content
    - Modern design with attractive colors and layouts

    **Learning Outcome:** This project helped me improve my web development, coding, UI/UX design, and functional application-building skills.

    **Goal:** To build a blogging platform inspired by Blogger.com and understand how real-world web applications work.

    #CodingTask #BloggerClone #WebDevelopment #FunctionalWebApp #CodingProject #WebDesign #Programming #LearningByDoing #RehanAcademy
    RSIF8 Roll NO:92 Coding Task NO:22 Topic:**Coding Task — Blogger.com Clone (Functional, Web-Based, 3 Days)** ๐Ÿš€ I created a functional, web-based Blogger.com Clone as a coding project. This project is designed to provide a blogging experience where users can create, edit, publish, and manage their blog posts through a clean, colorful, and user-friendly interface. โœจ **Key Features:** - ๐Ÿ“ Create, edit, and publish blog posts - ๐Ÿ–ผ๏ธ Add images and format blog content - ๐Ÿ“š View and manage published posts - ๐Ÿ” Search and explore blog posts - ๐Ÿ‘ค User-friendly dashboard - ๐Ÿ“ฑ Responsive design for desktop and mobile - ๐Ÿ’พ Save and manage blog content - ๐ŸŽจ Modern design with attractive colors and layouts ๐Ÿ’ก **Learning Outcome:** This project helped me improve my web development, coding, UI/UX design, and functional application-building skills. ๐ŸŽฏ **Goal:** To build a blogging platform inspired by Blogger.com and understand how real-world web applications work. #CodingTask #BloggerClone #WebDevelopment #FunctionalWebApp #CodingProject #WebDesign #Programming #LearningByDoing #RehanAcademy
    0 Reacties 0 aandelen 1415 Views
  • RSISB
    Roll No:56
    Level 2
    Work Book A
    Coding Project No : 01
    **Introducing PayFlow — My Payment Platform Project!**

    I’m excited to share my newly created **PayFlow** website!

    PayFlow is a modern **payment platform demo** designed to provide a simple and user-friendly digital payment experience.

    **Key Features:**
    Signup & Login
    Balance Dashboard
    Send Payments
    Receive Payments
    Transaction History
    Payment Overview
    Responsive Design
    Modern & Attractive UI

    This project helped me practice **web development, UI/UX design, coding, and building interactive web applications**.

    I’m continuously learning, creating, and improving my software development skills!

    #PayFlow #WebDevelopment #Coding #SoftwareDevelopment #UIUX #WebDesign #Programming #MyProject
    Asma Shaheen EducationWali
    Rehan Allahwala
    Rehan Allahwala
    @highlight
    RSISB Roll No:56 Level 2 Work Book A Coding Project No : 01 ๐Ÿ’ณโœจ **Introducing PayFlow — My Payment Platform Project!** ๐Ÿš€ I’m excited to share my newly created **PayFlow** website! ๐Ÿ’™๐ŸŒ PayFlow is a modern **payment platform demo** designed to provide a simple and user-friendly digital payment experience. ๐Ÿ’ฐ๐Ÿ“ฑ โœจ **Key Features:** ๐Ÿ” Signup & Login ๐Ÿ’ต Balance Dashboard ๐Ÿ“ค Send Payments ๐Ÿ“ฅ Receive Payments ๐Ÿงพ Transaction History ๐Ÿ“Š Payment Overview ๐Ÿ“ฑ Responsive Design ๐ŸŽจ Modern & Attractive UI This project helped me practice **web development, UI/UX design, coding, and building interactive web applications**. ๐Ÿ’ป๐Ÿ”ฅ ๐Ÿš€ I’m continuously learning, creating, and improving my software development skills! #PayFlow #WebDevelopment #Coding #SoftwareDevelopment #UIUX #WebDesign #Programming #MyProject ๐Ÿ’™โœจ Asma Shaheen EducationWali Rehan Allahwala Rehan Allahwala @highlight
    0 Reacties 0 aandelen 1635 Views 33
  • 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
    ๐Ÿš€ 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
    0 Reacties 0 aandelen 3255 Views 4
  • 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 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
    0 Reacties 0 aandelen 1458 Views
  • 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 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 #
    0 Reacties 0 aandelen 1506 Views
Zoekresultaten