# 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

# 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

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

🧠 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

🧠 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

💼 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

🎓 RehanSchool.net Clone – Project Description This RehanSchool.net-inspired educational platform is a fully functional web application designed to promote innovative learning, AI-enabled education, and entrepreneurial thinking. The platform showcases the school's mission, vision, curriculum, facilitators, and contact information through a modern and interactive digital experience. Users can explore the innovative curriculum, learn about the educators and team members, read the latest articles, and communicate with the institution through a functional contact system. The platform is built with secure authentication, dynamic content management, and a responsive design that delivers a seamless experience across all devices. Built with a futuristic Yellow and White UI/UX, smooth animations, and modern web technologies, this project demonstrates the practical implementation of educational technology, responsive web design, and real-world full-stack development principles. 🎓 STUDENT INFORMATION Coding Book 1 – Task 19 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 integration, dynamic web pages, and modern UI/UX design principles. 🔗 Web Link: https://rsmc71.rehanschool.us/RehanSchool.net_clone/ #️⃣ Hashtags: #RehanSchoolClone #EdTech #AIEducation #WebDevelopment #StudentProject #CodingBook1 #Task44 #Roll71 #PHPProject #MySQL #UIUXDesign #EducationalPlatform #FullStackDevelopment #ResponsiveDesign #SaaSProject

🎓 Rehan.Education Clone – Project Description This Rehan.Education-inspired platform is a fully functional educational web application designed to empower students through AI-enabled learning, digital skills development, and entrepreneurial education. The platform introduces the program "Digital Mastery for a Connected World", helping students unlock their digital potential and work toward creating a positive impact on millions of lives while achieving financial independence. The application features a comprehensive curriculum focused on digital skills, AI proficiency, and online teaching methodologies. Users can explore courses, learn about facilitators and educators, read the founder's message, and connect with the organization through an interactive contact system. Built with a modern, responsive, and futuristic Blue, Yellow, and White UI/UX, the platform provides a seamless experience across all devices. It includes secure authentication, dynamic content management, and engaging animations, making it a complete real-world educational web application. 🎓 STUDENT INFORMATION Coding Book 1 – Task 20 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 integration, dynamic web pages, and modern full-stack development principles. 🔗 Web Link: https://rsmc71.rehanschool.us/Rehan.education_clone #️⃣ Hashtags: #RehanEducationClone #EdTech #AIEducation #DigitalMastery #WebDevelopment #StudentProject #CodingBook1 #Task45 #Roll71 #PHPProject #MySQL #UIUXDesign #EducationalPlatform #FullStackDevelopment #ResponsiveDesign

Title: ChatGPT Clone Interface (Non-Functional) Using Gemini CLI | Coding Book 2 Task 1 Description: 🤖 Completed Coding Book 2 – Task 1 (ChatGPT Clone Interface – Non-Functional) using Gemini CLI. This project focuses on understanding the structure, layout, and user experience of a modern AI chatbot application through frontend development. The interface is designed purely for educational purposes without any AI integration. Features: ✅ Modern ChatGPT-Inspired Interface ✅ Sidebar Navigation System ✅ Static Chat Interface Design ✅ Suggested Prompt Cards ✅ User Profile Dashboard ✅ Settings & Theme Management UI ✅ Help Center Layout ✅ Multi-Page Website Structure ✅ Dark/Light Mode Support ✅ Responsive Design ✅ Professional User Experience Built using HTML, CSS, JavaScript, and AI-assisted development with Gemini CLI. Student Details: 📚 Coding Book: 2 📝 Task: 1 – ChatGPT Clone (Non-Functional) 🎓 Roll No: 51 🌐 Website Link: [https://rsmc51.rehanschool.us/ChatGPT-Clone-Non-Functional/index.html] Hashtags: #CodingBook2 #Task1 #ChatGPTClone #GeminiCLI #AIProgramming #WebDevelopment #HTML #CSS #JavaScript #FrontendDevelopment #UIDesign #UXDesign #CodingJourney #Programming #TechEducation #RehanSchool #RollNo51 #StudentProject #BuildInPublic #AITools #DeveloperLife #PortfolioProject #LearnToCode #WebAppDevelopment

Title: WhatsApp Clone Interface (Non-Functional) Using Gemini CLI | Coding Book 2 Task 2 Description: 💬 Completed Coding Book 2 – Task 2 (WhatsApp Clone Interface – Non-Functional) using Gemini CLI. This project focuses on understanding the structure, layout, and user experience of a modern messaging application through frontend development. The interface is designed purely for educational purposes without any messaging integration. Features: ✅ WhatsApp-Inspired User Interface ✅ Recent Chats Layout ✅ Realistic Chat Conversation Design ✅ Status/Updates Interface ✅ Calls Interface ✅ Communities Section ✅ User Profile Dashboard ✅ Settings & Privacy UI ✅ Multi-Page Website Structure ✅ Dark/Light Mode Support ✅ Responsive Design ✅ Professional User Experience Built using HTML, CSS, JavaScript, and AI-assisted development with Gemini CLI. Student Details: 📚 Coding Book: 2 📝 Task: 2 – WhatsApp Clone (Non-Functional) 🎓 Roll No: 51 🌐 Website Link: [http://rsmc51.rehanschool.us/WhatsApp-Clone-(Non-Functional)/chats.html] Hashtags: #CodingBook2 #Task2 #WhatsAppClone #GeminiCLI #AIProgramming #WebDevelopment #HTML #CSS #JavaScript #FrontendDevelopment #UIDesign #UXDesign #CodingJourney #Programming #TechEducation #RehanSchool #RollNo51 #StudentProject #BuildInPublic #AITools #DeveloperLife #PortfolioProject #LearnToCode #WebAppDevelopment #MessagingApp