Stories
Feed posts
Subhan Ali
Just now
·
Shared with Public
#rsisb
Roll no.239
Coding task no.1
Foundation Level
Today, I worked on an exciting coding task: creating a **ChatGPT Clone**! This project helped me understand how a chatbot website is designed and how different elements work together to create a modern and attractive interface.
The main goal of this one-hour coding challenge was to create a website that looks similar to the original ChatGPT. I used web development concepts such as HTML, CSS, and JavaScript to understand the basic structure and design of a chatbot.
**What Did I Create?**
- A ChatGPT-style homepage.
- A sidebar for chat history.
- A message input box.
- A send button.
- A new chat option.
- A simple and user-friendly interface.
**What Did I Learn?**
I learned that HTML helps build the structure of a website, CSS makes it beautiful, and JavaScript adds interactive features. I also understood how important website layout, creativity, and design are in web development.
**My Experience:**
This coding challenge was fun, creative, and educational. At first, designing the interface was a little challenging, but I enjoyed learning new things and improving my coding skills.
Although my ChatGPT Clone is non-functional and cannot generate real AI responses, it gave me a better understanding of how chatbot interfaces are created.
**My Message:**
Every expert was once a beginner. Every small coding project takes us one step closer to becoming a great programmer. I believe that learning technology today will help me build amazing things in the future!
**Keep Learning, Keep Coding, and Keep Growing!**
\#ChatGPTClone #CodingTask #WebDevelopment #HTML #CSS #JavaScript #ArtificialIntelligence #AI #CodingForKids #LearnToCode #Programming #Technology #FutureDeveloper #CreativeLearning #RehanSchool #OneHourChallenge #StudentLife #NeverStopLearning #DreamBig #KeepGrowing
Feed posts
Subhan Ali
Just now
·
Shared with Public
#rsisb
Roll no.239
Coding task no.1
Foundation Level
Today, I worked on an exciting coding task: creating a **ChatGPT Clone**! This project helped me understand how a chatbot website is designed and how different elements work together to create a modern and attractive interface.
The main goal of this one-hour coding challenge was to create a website that looks similar to the original ChatGPT. I used web development concepts such as HTML, CSS, and JavaScript to understand the basic structure and design of a chatbot.
**What Did I Create?**
- A ChatGPT-style homepage.
- A sidebar for chat history.
- A message input box.
- A send button.
- A new chat option.
- A simple and user-friendly interface.
**What Did I Learn?**
I learned that HTML helps build the structure of a website, CSS makes it beautiful, and JavaScript adds interactive features. I also understood how important website layout, creativity, and design are in web development.
**My Experience:**
This coding challenge was fun, creative, and educational. At first, designing the interface was a little challenging, but I enjoyed learning new things and improving my coding skills.
Although my ChatGPT Clone is non-functional and cannot generate real AI responses, it gave me a better understanding of how chatbot interfaces are created.
**My Message:**
Every expert was once a beginner. Every small coding project takes us one step closer to becoming a great programmer. I believe that learning technology today will help me build amazing things in the future!
**Keep Learning, Keep Coding, and Keep Growing!**
\#ChatGPTClone #CodingTask #WebDevelopment #HTML #CSS #JavaScript #ArtificialIntelligence #AI #CodingForKids #LearnToCode #Programming #Technology #FutureDeveloper #CreativeLearning #RehanSchool #OneHourChallenge #StudentLife #NeverStopLearning #DreamBig #KeepGrowing
Stories
Feed posts
Subhan Ali
Just now
·
Shared with Public
#rsisb
Roll no.239
Coding task no.1
Foundation Level
Today, I worked on an exciting coding task: creating a **ChatGPT Clone**! This project helped me understand how a chatbot website is designed and how different elements work together to create a modern and attractive interface.
The main goal of this one-hour coding challenge was to create a website that looks similar to the original ChatGPT. I used web development concepts such as HTML, CSS, and JavaScript to understand the basic structure and design of a chatbot.
💡 **What Did I Create?**
- A ChatGPT-style homepage.
- A sidebar for chat history.
- A message input box.
- A send button.
- A new chat option.
- A simple and user-friendly interface.
🎯 **What Did I Learn?**
I learned that HTML helps build the structure of a website, CSS makes it beautiful, and JavaScript adds interactive features. I also understood how important website layout, creativity, and design are in web development.
🌟 **My Experience:**
This coding challenge was fun, creative, and educational. At first, designing the interface was a little challenging, but I enjoyed learning new things and improving my coding skills.
Although my ChatGPT Clone is non-functional and cannot generate real AI responses, it gave me a better understanding of how chatbot interfaces are created.
🔥 **My Message:**
Every expert was once a beginner. Every small coding project takes us one step closer to becoming a great programmer. I believe that learning technology today will help me build amazing things in the future!
**Keep Learning, Keep Coding, and Keep Growing!** 🚀💻❤️
\#ChatGPTClone #CodingTask #WebDevelopment #HTML #CSS #JavaScript #ArtificialIntelligence #AI #CodingForKids #LearnToCode #Programming #Technology #FutureDeveloper #CreativeLearning #RehanSchool #OneHourChallenge #StudentLife #NeverStopLearning #DreamBig #KeepGrowing 🤖🚀💡🔥🌍
0 Comentários
0 Compartilhamentos
117 Visualizações