• RSIF8
    Roll no: 99
    Coding task no: 1
    Coding topic Create a Basic Calculator
    Today’s task was to build a functional calculator that can perform basic mathematical operations such as:
    Addition
    Subtraction
    Multiplication
    Division
    I built the calculator using HTML, CSS, and JavaScript, with a proper interactive interface where users can enter numbers and perform calculations.
    But here’s the interesting part: I didn’t write all the code from scratch myself. Instead, I used ChatGPT for vibe coding — I described what I wanted, worked with the generated code, tested it, and made sure the final calculator actually worked.
    This task taught me that coding isn’t only about writing every line manually. It’s also about understanding the problem, communicating your idea clearly, testing the result, debugging, and learning from the code.
    One more small project completed!
    One more step forward in my learning journey.
    #VibeCoding #ChatGPT #HTML #CSS #JavaScript #WebDevelopment #Coding #Programming #Calculator #100DaysOfCode #LearningToCode #BuildInPublic #TechJourney #WebDesign #FrontendDevelopment #CodingJourney #AI #ArtificialIntelligence #Developer #StudentDeveloper
    RSIF8 Roll no: 99 Coding task no: 1 Coding topic Create a Basic Calculator Today’s task was to build a functional calculator that can perform basic mathematical operations such as: ➕ Addition ➖ Subtraction ✖️ Multiplication ➗ Division I built the calculator using HTML, CSS, and JavaScript, with a proper interactive interface where users can enter numbers and perform calculations. But here’s the interesting part: I didn’t write all the code from scratch myself. Instead, I used ChatGPT for vibe coding 🤖💻 — I described what I wanted, worked with the generated code, tested it, and made sure the final calculator actually worked. This task taught me that coding isn’t only about writing every line manually. It’s also about understanding the problem, communicating your idea clearly, testing the result, debugging, and learning from the code. One more small project completed! ✅ One more step forward in my learning journey. 📚🚀 #VibeCoding #ChatGPT #HTML #CSS #JavaScript #WebDevelopment #Coding #Programming #Calculator #100DaysOfCode #LearningToCode #BuildInPublic #TechJourney #WebDesign #FrontendDevelopment #CodingJourney #AI #ArtificialIntelligence #Developer #StudentDeveloper
    0 Commenti 0 condivisioni 2432 Views
  • #rsisb
    Roll no.239
    Coding task no.13
    Foundation Level


    A **Simple Chat Application** is a basic software project that allows two or more users to communicate by sending and receiving messages in real time.

    It is a great project for learning important programming concepts such as **user interfaces, networking, databases, and real-time communication**.

    ### Key Features

    * Send and receive messages
    * User login or username system
    * Online/offline status
    * Message timestamps
    * Notifications
    * Chat history

    ### Technologies You Can Use

    * **HTML, CSS & JavaScript** for the frontend
    * **Node.js** for the backend
    * **Socket.IO** for real-time messaging
    * **Firebase** for authentication and database services

    Building a simple chat application is an excellent way to understand how modern messaging platforms work. Start small, learn the basics, and gradually add more advanced features!

    #ChatApplication #WebDevelopment #Programming #JavaScript #NodeJS #SocketIO #Coding #Developer #TechProject #LearnToCode
    #rsisb Roll no.239 Coding task no.13 Foundation Level A **Simple Chat Application** is a basic software project that allows two or more users to communicate by sending and receiving messages in real time. 📱💻 It is a great project for learning important programming concepts such as **user interfaces, networking, databases, and real-time communication**. ### ✨ Key Features * 💬 Send and receive messages * 👤 User login or username system * 🟢 Online/offline status * 📅 Message timestamps * 🔔 Notifications * 🗂️ Chat history ### 🛠️ Technologies You Can Use * **HTML, CSS & JavaScript** for the frontend * **Node.js** for the backend * **Socket.IO** for real-time messaging * **Firebase** for authentication and database services Building a simple chat application is an excellent way to understand how modern messaging platforms work. 🚀 Start small, learn the basics, and gradually add more advanced features! #ChatApplication #WebDevelopment #Programming #JavaScript #NodeJS #SocketIO #Coding #Developer #TechProject #LearnToCode 💻🚀
    0 Commenti 0 condivisioni 2221 Views
  • 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 Commenti 0 condivisioni 4252 Views
  • Simple Calculator Web App using Gemini CLI
    Description

    A simple and responsive calculator web application developed using Gemini CLI. The calculator performs Addition, Subtraction, Multiplication, and Division with a clean, modern, and user-friendly interface.

    Student Information

    Coding Book: 1
    Task: 1
    Roll No: 71

    Website Link

    http://rsmc71.rehanschool.us/calculator/

    Hashtags

    #GeminiCLI #CalculatorApp #WebDevelopment #HTML #CSS #JavaScript #CodingBook1 #Task1 #RollNo71 #Programming #FrontendDevelopment #AI #StudentProject #CodeWithAI #TechEducation
    Simple Calculator Web App using Gemini CLI Description A simple and responsive calculator web application developed using Gemini CLI. The calculator performs Addition, Subtraction, Multiplication, and Division with a clean, modern, and user-friendly interface. Student Information 📖 Coding Book: 1 📋 Task: 1 🎓 Roll No: 71 Website Link http://rsmc71.rehanschool.us/calculator/ Hashtags #GeminiCLI #CalculatorApp #WebDevelopment #HTML #CSS #JavaScript #CodingBook1 #Task1 #RollNo71 #Programming #FrontendDevelopment #AI #StudentProject #CodeWithAI #TechEducation
    0 Commenti 0 condivisioni 5016 Views
  • Tic Tac Toe Web App using Gemini CLI
    Description

    A modern and interactive Tic Tac Toe web application developed using Gemini CLI. The game allows two players to compete on a 3x3 board, automatically detects winners and draws, maintains scores, and provides a responsive user experience across all devices.

    Student Information

    Coding Book: 1
    Task: 2
    Roll No: 71

    Website Link

    http://rsmc71.rehanschool.us/tictactoe/

    Hashtags

    #GeminiCLI #TicTacToe #WebDevelopment #HTML #CSS #JavaScript #CodingBook1 #Task2 #RollNo71 #Programming #FrontendDevelopment #GameDevelopment #AI #StudentProject #CodeWithAI #TechEducation
    Tic Tac Toe Web App using Gemini CLI Description A modern and interactive Tic Tac Toe web application developed using Gemini CLI. The game allows two players to compete on a 3x3 board, automatically detects winners and draws, maintains scores, and provides a responsive user experience across all devices. Student Information 📖 Coding Book: 1 📋 Task: 2 🎓 Roll No: 71 Website Link http://rsmc71.rehanschool.us/tictactoe/ Hashtags #GeminiCLI #TicTacToe #WebDevelopment #HTML #CSS #JavaScript #CodingBook1 #Task2 #RollNo71 #Programming #FrontendDevelopment #GameDevelopment #AI #StudentProject #CodeWithAI #TechEducation
    0 Commenti 0 condivisioni 5419 Views
  • To-Do List Web App using Gemini CLI
    Description

    A modern and responsive To-Do List web application developed using Gemini CLI. Users can add, edit, delete, search, and mark tasks as completed. The application uses Local Storage to save tasks and provides an organized task management experience.

    Student Information

    Coding Book: 1
    Task: 3
    Roll No: 71

    Website Link

    http://rsmc71.rehanschool.us/todolist/

    Hashtags

    #GeminiCLI #TodoList #WebDevelopment #HTML #CSS #JavaScript #CodingBook1 #Task3 #RollNo71 #Programming #FrontendDevelopment #ProductivityApp #AI #StudentProject #CodeWithAI #TechEducation
    To-Do List Web App using Gemini CLI Description A modern and responsive To-Do List web application developed using Gemini CLI. Users can add, edit, delete, search, and mark tasks as completed. The application uses Local Storage to save tasks and provides an organized task management experience. Student Information 📖 Coding Book: 1 📋 Task: 3 🎓 Roll No: 71 Website Link http://rsmc71.rehanschool.us/todolist/ Hashtags #GeminiCLI #TodoList #WebDevelopment #HTML #CSS #JavaScript #CodingBook1 #Task3 #RollNo71 #Programming #FrontendDevelopment #ProductivityApp #AI #StudentProject #CodeWithAI #TechEducation
    0 Commenti 0 condivisioni 5604 Views
  • Quiz Game Web App using Gemini CLI
    Description

    A modern and interactive Quiz Game web application developed using Gemini CLI. Users can answer multiple-choice questions, track their progress and score, receive instant feedback, and view their final results at the end of the quiz. The application is responsive and provides an engaging learning experience.

    Student Information

    Coding Book: 1
    Task: 4
    Roll No: 71

    Website Link

    http://rsmc71.rehanschool.us/quizgame/
    Hashtags

    #GeminiCLI #QuizGame #WebDevelopment #HTML #CSS #JavaScript #CodingBook1 #Task4 #RollNo71 #Programming #FrontendDevelopment #GameDevelopment #AI #StudentProject #CodeWithAI #TechEducation #QuizApp
    Quiz Game Web App using Gemini CLI Description A modern and interactive Quiz Game web application developed using Gemini CLI. Users can answer multiple-choice questions, track their progress and score, receive instant feedback, and view their final results at the end of the quiz. The application is responsive and provides an engaging learning experience. Student Information 📖 Coding Book: 1 📋 Task: 4 🎓 Roll No: 71 Website Link http://rsmc71.rehanschool.us/quizgame/ Hashtags #GeminiCLI #QuizGame #WebDevelopment #HTML #CSS #JavaScript #CodingBook1 #Task4 #RollNo71 #Programming #FrontendDevelopment #GameDevelopment #AI #StudentProject #CodeWithAI #TechEducation #QuizApp
    0 Commenti 0 condivisioni 5559 Views
  • Weather App using Gemini CLI
    Description

    A modern and responsive Weather App developed using Gemini CLI. Users can search for any city and view real-time weather information, including temperature, weather conditions, humidity, wind speed, and weather icons. The application provides a clean and user-friendly experience across all devices.

    Student Information

    Coding Book: 1
    Task: 5
    Roll No: 71

    Website Link

    http://rsmc71.rehanschool.us/wheatherapp/

    Hashtags

    #GeminiCLI #WeatherApp #WebDevelopment #HTML #CSS #JavaScript #CodingBook1 #Task5 #RollNo71 #Programming #FrontendDevelopment #APIIntegration #AI #StudentProject #CodeWithAI #TechEducation #WeatherForecast #WebAppDevelopment
    Weather App using Gemini CLI Description A modern and responsive Weather App developed using Gemini CLI. Users can search for any city and view real-time weather information, including temperature, weather conditions, humidity, wind speed, and weather icons. The application provides a clean and user-friendly experience across all devices. Student Information 📖 Coding Book: 1 📋 Task: 5 🎓 Roll No: 71 Website Link http://rsmc71.rehanschool.us/wheatherapp/ Hashtags #GeminiCLI #WeatherApp #WebDevelopment #HTML #CSS #JavaScript #CodingBook1 #Task5 #RollNo71 #Programming #FrontendDevelopment #APIIntegration #AI #StudentProject #CodeWithAI #TechEducation #WeatherForecast #WebAppDevelopment
    0 Commenti 0 condivisioni 6835 Views
  • Currency Converter Web App using Gemini CLI
    Description

    A modern and responsive Currency Converter web application developed using Gemini CLI. Users can convert currencies in real-time using live exchange rates, swap currencies instantly, and view accurate conversion results through a professional and user-friendly interface.

    Student Information

    Coding Book: 1
    Task: 6
    Roll No: 71

    Website Link

    http://rsmc71.rehanschool.us/currencyconverter/

    Hashtags

    #GeminiCLI #CurrencyConverter #WebDevelopment #HTML #CSS #JavaScript #CodingBook1 #Task6 #RollNo71 #Programming #FrontendDevelopment #APIIntegration #AI #StudentProject #CodeWithAI #TechEducation #ExchangeRates #WebAppDevelopment #FinanceApp
    Currency Converter Web App using Gemini CLI Description A modern and responsive Currency Converter web application developed using Gemini CLI. Users can convert currencies in real-time using live exchange rates, swap currencies instantly, and view accurate conversion results through a professional and user-friendly interface. Student Information 📖 Coding Book: 1 📋 Task: 6 🎓 Roll No: 71 Website Link http://rsmc71.rehanschool.us/currencyconverter/ Hashtags #GeminiCLI #CurrencyConverter #WebDevelopment #HTML #CSS #JavaScript #CodingBook1 #Task6 #RollNo71 #Programming #FrontendDevelopment #APIIntegration #AI #StudentProject #CodeWithAI #TechEducation #ExchangeRates #WebAppDevelopment #FinanceApp
    0 Commenti 0 condivisioni 6883 Views
  • Stopwatch Web App using Gemini CLI
    Description

    A modern and responsive Stopwatch web application developed using Gemini CLI. Users can start, stop, reset, and record lap times while tracking hours, minutes, seconds, and milliseconds through an attractive digital stopwatch interface.

    Student Information

    Coding Book: 1
    Task: 7
    Roll No: 71

    Website Link

    http://rsmc71.rehanschool.us/stopwatch/

    Hashtags

    #GeminiCLI #Stopwatch #WebDevelopment #HTML #CSS #JavaScript #CodingBook1 #Task7 #RollNo71 #Programming #FrontendDevelopment #TimeTracker #AI #StudentProject #CodeWithAI #TechEducation #WebAppDevelopment #JavaScriptProject #CodingChallenge
    Stopwatch Web App using Gemini CLI Description A modern and responsive Stopwatch web application developed using Gemini CLI. Users can start, stop, reset, and record lap times while tracking hours, minutes, seconds, and milliseconds through an attractive digital stopwatch interface. Student Information 📖 Coding Book: 1 📋 Task: 7 🎓 Roll No: 71 Website Link http://rsmc71.rehanschool.us/stopwatch/ Hashtags #GeminiCLI #Stopwatch #WebDevelopment #HTML #CSS #JavaScript #CodingBook1 #Task7 #RollNo71 #Programming #FrontendDevelopment #TimeTracker #AI #StudentProject #CodeWithAI #TechEducation #WebAppDevelopment #JavaScriptProject #CodingChallenge
    0 Commenti 0 condivisioni 6392 Views
Pagine in Evidenza