• 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.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
    0 التعليقات 0 المشاركات 2965 مشاهدة
  • Roll No : 55
    Level 2
    Work Book A
    Coding Task : 03
    Netflix
    https://fiery-cinestream-plus-play.base44.app/
    Netflix Clone Project | Built by Faizan Ali SoftwareWala

    Alhamdulillah! I have built a Netflix-inspired streaming platform as part of my software development journey.

    Project Highlights:

    Movie and TV Show Browsing

    Attractive Content Thumbnails

    Easy Content Discovery

    Entertainment-Focused UI Design

    Modern and User-Friendly Interface

    This project helped me practice my web development skills, improve my UI design, and understand how streaming platforms organize and display entertainment content.

    My mission is to keep learning, building creative projects, and developing digital solutions that solve real-world problems.

    Every project teaches me something new. Keep learning, keep building, and never give up!

    #NetflixClone #WebDevelopment #SoftwareDevelopment #CodingProjects #UIUXDesign #LearnByBuilding #TechInnovation #FaizanAliSoftwareWala
    @followers
    Asma Shaheen EducationWali
    Roll No : 55 Level 2 Work Book A Coding Task : 03 Netflix https://fiery-cinestream-plus-play.base44.app/ 🎬 Netflix Clone Project | Built by Faizan Ali SoftwareWala 💻🚀 Alhamdulillah! I have built a Netflix-inspired streaming platform as part of my software development journey. ✨ Project Highlights: 🎥 Movie and TV Show Browsing 🖼️ Attractive Content Thumbnails 🔍 Easy Content Discovery 🎭 Entertainment-Focused UI Design 📱 Modern and User-Friendly Interface This project helped me practice my web development skills, improve my UI design, and understand how streaming platforms organize and display entertainment content. My mission is to keep learning, building creative projects, and developing digital solutions that solve real-world problems. Every project teaches me something new. Keep learning, keep building, and never give up! 🔥 #NetflixClone #WebDevelopment #SoftwareDevelopment #CodingProjects #UIUXDesign #LearnByBuilding #TechInnovation #FaizanAliSoftwareWala @followers Asma Shaheen EducationWali
    0 التعليقات 0 المشاركات 3355 مشاهدة
  • RSIF8
    Roll no :83
    Task no:7
    Task Topic: How to create a canva

    **My Canva Design Project**

    Created a clean and modern Canva template interface design focused on user experience and creativity. This project showcases my skills in UI design, layout organization, color harmony, and digital creativity.

    Designed with simplicity, accessibility, and visual appeal in mind to help users easily explore templates and create professional content.

    Continuously learning and improving my design skills through hands-on projects and creative challenges.

    #Canva #UIDesign #UXDesign #GraphicDesign #WebDesign #CreativeDesign #DigitalDesign #DesignPortfolio #CanvaDesign #UserInterface #LearningByDoing #CreativeMind

    Agar yeh project **college assignment**, **portfolio project**, ya **practice design** hai, to main uske hisab se aur professional description bhi bana sakta hoon.
    RSIF8 Roll no :83 Task no:7 Task Topic: How to create a canva ✨ **My Canva Design Project** ✨ 🎨 Created a clean and modern Canva template interface design focused on user experience and creativity. This project showcases my skills in UI design, layout organization, color harmony, and digital creativity. 💡 Designed with simplicity, accessibility, and visual appeal in mind to help users easily explore templates and create professional content. 🚀 Continuously learning and improving my design skills through hands-on projects and creative challenges. #Canva #UIDesign #UXDesign #GraphicDesign #WebDesign #CreativeDesign #DigitalDesign #DesignPortfolio #CanvaDesign #UserInterface #LearningByDoing #CreativeMind 🎨✨🚀 Agar yeh project **college assignment**, **portfolio project**, ya **practice design** hai, to main uske hisab se aur professional description bhi bana sakta hoon.
    0 التعليقات 0 المشاركات 4184 مشاهدة
  • 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 ‍
    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 📱💬💻🎨✨🚀🧑‍💻🌟🔥📚💚
    0 التعليقات 0 المشاركات 7391 مشاهدة
  • # ChatGPT Clone (Non-Functional UI) using Claude AI

    ### Description

    A modern and responsive ChatGPT Clone UI developed using Claude AI. This project replicates the look and feel of a conversational AI platform with a professional chat interface, sidebar navigation, message layout, and responsive design. The project focuses on frontend development, UI/UX design, and creating a realistic AI chatbot experience without backend functionality.

    ### Student Information

    Coding Book: 2
    Task: 1
    Roll No: 71

    ### Website Link

    https://claude.ai/public/artifacts/b81d906b-2ec8-43d2-86e3-b5a7c94e4e61

    ### Hashtags

    #ClaudeAI #ChatGPTClone #WebDevelopment #HTML #CSS #JavaScript #CodingBook2 #Task1 #RollNo71 #Programming #FrontendDevelopment #UIUXDesign #StudentProject #CodeWithAI #TechEducation #WebAppDevelopment #ResponsiveDesign #ModernUI #ChatbotUI #FrontendProject
    # ChatGPT Clone (Non-Functional UI) using Claude AI ### Description A modern and responsive ChatGPT Clone UI developed using Claude AI. This project replicates the look and feel of a conversational AI platform with a professional chat interface, sidebar navigation, message layout, and responsive design. The project focuses on frontend development, UI/UX design, and creating a realistic AI chatbot experience without backend functionality. ### Student Information 📖 Coding Book: 2 📋 Task: 1 🎓 Roll No: 71 ### Website Link https://claude.ai/public/artifacts/b81d906b-2ec8-43d2-86e3-b5a7c94e4e61 ### Hashtags #ClaudeAI #ChatGPTClone #WebDevelopment #HTML #CSS #JavaScript #CodingBook2 #Task1 #RollNo71 #Programming #FrontendDevelopment #UIUXDesign #StudentProject #CodeWithAI #TechEducation #WebAppDevelopment #ResponsiveDesign #ModernUI #ChatbotUI #FrontendProject
    0 التعليقات 0 المشاركات 6405 مشاهدة
  • # WhatsApp Clone (Non-Functional UI) using Claude AI

    ### Description

    A modern and responsive WhatsApp Clone UI developed using Claude AI. This project recreates the user interface of a popular messaging application, featuring a chat list, conversation screen, contact sidebar, message bubbles, and responsive layouts. The project focuses on frontend design, UI/UX development, and creating a realistic messaging experience without backend functionality.

    ### Student Information

    Coding Book: 2
    Task: 2
    Roll No: 71

    ### Website Link

    https://claude.ai/public/artifacts/b0030df6-259e-4eb8-85ac-aa866835e1d2

    ### Hashtags

    #ClaudeAI #WhatsAppClone #WebDevelopment #HTML #CSS #JavaScript #CodingBook2 #Task2 #RollNo71 #Programming #FrontendDevelopment #UIUXDesign #StudentProject #CodeWithAI #TechEducation #WebAppDevelopment #ResponsiveDesign #ModernUI #MessagingApp #FrontendProject
    # WhatsApp Clone (Non-Functional UI) using Claude AI ### Description A modern and responsive WhatsApp Clone UI developed using Claude AI. This project recreates the user interface of a popular messaging application, featuring a chat list, conversation screen, contact sidebar, message bubbles, and responsive layouts. The project focuses on frontend design, UI/UX development, and creating a realistic messaging experience without backend functionality. ### Student Information 📖 Coding Book: 2 📋 Task: 2 🎓 Roll No: 71 ### Website Link https://claude.ai/public/artifacts/b0030df6-259e-4eb8-85ac-aa866835e1d2 ### Hashtags #ClaudeAI #WhatsAppClone #WebDevelopment #HTML #CSS #JavaScript #CodingBook2 #Task2 #RollNo71 #Programming #FrontendDevelopment #UIUXDesign #StudentProject #CodeWithAI #TechEducation #WebAppDevelopment #ResponsiveDesign #ModernUI #MessagingApp #FrontendProject
    0 التعليقات 0 المشاركات 6758 مشاهدة
  • alendly Clone – Project Description

    This Calendly-inspired scheduling platform is a professional web application designed to streamline appointment booking and eliminate the inefficiencies of manual scheduling. It allows users to generate a personalized booking link, enabling clients, teammates, or customers to instantly view availability and schedule meetings with ease. Built with a focus on speed, reliability, and user experience, the platform enhances productivity for individuals, professionals, and organizations.

    STUDENT INFORMATION
    Coding Book 1 – Task 15
    Roll No: 71

    This project has been developed as part of a structured web development learning program. It demonstrates practical implementation of modern frontend concepts, UI/UX design principles, and real-world SaaS-style functionality.

    Web Link:

    https://rsmc71.rehanschool.us/Calendly.com_clone/

    Hashtags:
    #CalendlyClone #SchedulingSystem #WebDevelopment #StudentProject #CodingBook1 #Task15 #Roll71 #UIUXDesign #FrontendDevelopment #SaaS #ProductivityTools
    alendly Clone – Project Description This Calendly-inspired scheduling platform is a professional web application designed to streamline appointment booking and eliminate the inefficiencies of manual scheduling. It allows users to generate a personalized booking link, enabling clients, teammates, or customers to instantly view availability and schedule meetings with ease. Built with a focus on speed, reliability, and user experience, the platform enhances productivity for individuals, professionals, and organizations. STUDENT INFORMATION Coding Book 1 – Task 15 Roll No: 71 This project has been developed as part of a structured web development learning program. It demonstrates practical implementation of modern frontend concepts, UI/UX design principles, and real-world SaaS-style functionality. Web Link: https://rsmc71.rehanschool.us/Calendly.com_clone/ Hashtags: #CalendlyClone #SchedulingSystem #WebDevelopment #StudentProject #CodingBook1 #Task15 #Roll71 #UIUXDesign #FrontendDevelopment #SaaS #ProductivityTools
    0 التعليقات 0 المشاركات 6145 مشاهدة
  • Emotional Intelligence (EQ) Test – Project Description

    This EQ Test web application is a fully functional and interactive platform designed to evaluate a user’s emotional intelligence through a structured multiple-choice quiz system. Users can register and log in to attempt the test, after which the system automatically calculates their score and determines their EQ level (Low, Medium, or High). Based on the result, the platform provides personalized feedback to help users understand their emotional strengths and areas for improvement.

    Built with a modern, responsive, and animated UI/UX, the application ensures a smooth and engaging user experience across all devices. It also includes secure authentication, dynamic quiz functionality, and database-driven result management, making it a complete real-world web application.

    STUDENT INFORMATION
    Coding Book 1 – Task 15
    Roll No: 71

    This project has been developed as part of a structured web development learning program. It demonstrates practical implementation of modern frontend concepts, backend logic, and real-world SaaS-style functionality.

    Web Link:
    https://rsmc71.rehanschool.us/EQ_clone/

    #️⃣ Hashtags:
    #EQTest #EmotionalIntelligence #WebDevelopment #StudentProject #CodingBook1 #Task15 #Roll71 #PHPProject #MySQL #UIUXDesign #QuizApp #SaaSProject
    🧠 Emotional Intelligence (EQ) Test – Project Description This EQ Test web application is a fully functional and interactive platform designed to evaluate a user’s emotional intelligence through a structured multiple-choice quiz system. Users can register and log in to attempt the test, after which the system automatically calculates their score and determines their EQ level (Low, Medium, or High). Based on the result, the platform provides personalized feedback to help users understand their emotional strengths and areas for improvement. Built with a modern, responsive, and animated UI/UX, the application ensures a smooth and engaging user experience across all devices. It also includes secure authentication, dynamic quiz functionality, and database-driven result management, making it a complete real-world web application. 🎓 STUDENT INFORMATION Coding Book 1 – Task 15 Roll No: 71 This project has been developed as part of a structured web development learning program. It demonstrates practical implementation of modern frontend concepts, backend logic, and real-world SaaS-style functionality. 🔗 Web Link: https://rsmc71.rehanschool.us/EQ_clone/ #️⃣ Hashtags: #EQTest #EmotionalIntelligence #WebDevelopment #StudentProject #CodingBook1 #Task15 #Roll71 #PHPProject #MySQL #UIUXDesign #QuizApp #SaaSProject
    0 التعليقات 0 المشاركات 6575 مشاهدة
  • IQ Test – Web Application (Project Description)

    This IQ Test web application is a fully functional and interactive platform designed to evaluate a user’s Intelligence Quotient through a structured multiple-choice quiz system. Users can register and log in to attempt the test, after which the system automatically calculates their score and determines their IQ level (Low, Average, or High). Based on the result, the platform provides clear and personalized feedback to help users understand their cognitive performance and thinking abilities.

    Built with a modern, responsive, and animated UI/UX, the application delivers a smooth and engaging user experience across all devices. It includes secure authentication, dynamic quiz functionality, and database-driven result management, making it a complete real-world web application.

    STUDENT INFORMATION
    Coding Book 1 – Task 17
    Roll No: 71

    This project has been developed as part of a structured web development learning program. It demonstrates practical implementation of backend logic, authentication systems, and modern UI/UX design principles.

    Web Link:
    https://rsmc71.rehanschool.us/IQ_clone

    #️⃣ Hashtags:
    #IQTest #IntelligenceTest #WebDevelopment #StudentProject #CodingBook1 #Task15 #Roll71 #PHPProject #MySQL #QuizApp #UIUXDesign #SaaSProject
    🧠 IQ Test – Web Application (Project Description) This IQ Test web application is a fully functional and interactive platform designed to evaluate a user’s Intelligence Quotient through a structured multiple-choice quiz system. Users can register and log in to attempt the test, after which the system automatically calculates their score and determines their IQ level (Low, Average, or High). Based on the result, the platform provides clear and personalized feedback to help users understand their cognitive performance and thinking abilities. Built with a modern, responsive, and animated UI/UX, the application delivers a smooth and engaging user experience across all devices. It includes secure authentication, dynamic quiz functionality, and database-driven result management, making it a complete real-world web application. 🎓 STUDENT INFORMATION Coding Book 1 – Task 17 Roll No: 71 This project has been developed as part of a structured web development learning program. It demonstrates practical implementation of backend logic, authentication systems, and modern UI/UX design principles. 🔗 Web Link: https://rsmc71.rehanschool.us/IQ_clone #️⃣ Hashtags: #IQTest #IntelligenceTest #WebDevelopment #StudentProject #CodingBook1 #Task15 #Roll71 #PHPProject #MySQL #QuizApp #UIUXDesign #SaaSProject
    0 التعليقات 0 المشاركات 6605 مشاهدة
  • M Turk Clone – Project Description

    This M Turk-inspired micro-tasking platform is a fully functional web application designed to connect users with small online tasks and reward them through a virtual earning system. Users can register, log in, browse available tasks, complete assignments, and submit their work directly through the platform. The system automatically manages task submissions, tracks completed work, and updates user earnings in real time.

    Built with a modern, responsive, and animated UI/UX, the platform delivers a smooth and engaging experience across all devices. It includes secure authentication, database-driven task management, and an interactive dashboard, making it a complete real-world marketplace application inspired by Amazon Mechanical Turk.

    STUDENT Information Technology

    Coding Book 1 – Task 18
    Roll No: 71

    This project has been developed as part of a structured web development learning program. It demonstrates practical implementation of authentication systems, database management, task workflow automation, and modern SaaS-style UI/UX design principles.

    Web Link:
    https://rsmc71.rehanschool.us/M_TURK_clone

    #️⃣ Hashtags:
    #MTurkClone #MicroTaskPlatform #WebDevelopment #StudentProject #CodingBook1 #Task18 #Roll71 #PHPProject #MySQL #UIUXDesign #SaaSProject #TaskMarketplace #FreelancingPlatform #fullstackdevelopment_students_internship
    💼 M Turk Clone – Project Description This M Turk-inspired micro-tasking platform is a fully functional web application designed to connect users with small online tasks and reward them through a virtual earning system. Users can register, log in, browse available tasks, complete assignments, and submit their work directly through the platform. The system automatically manages task submissions, tracks completed work, and updates user earnings in real time. Built with a modern, responsive, and animated UI/UX, the platform delivers a smooth and engaging experience across all devices. It includes secure authentication, database-driven task management, and an interactive dashboard, making it a complete real-world marketplace application inspired by Amazon Mechanical Turk. 🎓 STUDENT Information Technology Coding Book 1 – Task 18 Roll No: 71 This project has been developed as part of a structured web development learning program. It demonstrates practical implementation of authentication systems, database management, task workflow automation, and modern SaaS-style UI/UX design principles. 🔗 Web Link: https://rsmc71.rehanschool.us/M_TURK_clone #️⃣ Hashtags: #MTurkClone #MicroTaskPlatform #WebDevelopment #StudentProject #CodingBook1 #Task18 #Roll71 #PHPProject #MySQL #UIUXDesign #SaaSProject #TaskMarketplace #FreelancingPlatform #fullstackdevelopment_students_internship
    0 التعليقات 0 المشاركات 8987 مشاهدة
الصفحات المعززة