In this task, I worked on a ChatGPT Clone, a simulated version of the popular AI chatbot ππ€. This clone allowed me to explore how AI-based chat interfaces function and how users interact with virtual assistants.
This task focused on understanding chatbot features, message flow, and basic interface design. I learned how AI models respond to user queries, handle conversations, and simulate real-time interactions β¨π.
π Real-World Use Cases of ChatGPT Clone π¬ AI Simulation β understanding chatbot responses π§ Learning Tool β practicing interactions with virtual AI π Prototype Testing β exploring AI interface design
By completing this task, I gained insight into AI chat functionality and user interface design π.
In this task, I worked on a WhatsApp Clone (Non-Functional Numbers 1 & 2), a simulated version of the popular messaging app ππ±. This clone allowed me to explore the interface, chat design, and user experience without sending real messages.
This task focused on understanding app layout, message interface, and navigation features. I learned how chats, contacts, and user interactions are structured in a messaging platform β¨π.
π Real-World Use Cases of WhatsApp Clone π¬ Interface Design β understanding chat application layout π§βπ» UX Learning β exploring navigation and user experience π Prototype Development β testing app design features
By completing this task, I enhanced my understanding of messaging app design and user interface principles π.
Fruit-Catching Game This is a Fruit-Catching Game created using HTML, CSS, and JavaScript. The player controls a basket to catch falling fruits, earning points for each caught fruit. The game ends after missing a set number of fruits.
Features:
Move the basket left and right using arrow keys β β
Catch falling fruits ππ and earn points
Game ends after 5 missed fruits β
Displays score and misses dynamically
Colorful, interactive UI with glowing basket and fruit elements πβ¨
Works offline without any API π»
Technologies Used:
HTML β Structure of game area, basket, and scoreboard π
CSS β Styling, colors, glowing effects, and layout π¨
JavaScript β Game logic, fruit movement, scoring, and collision detection β‘
Made by: Using HTML, CSS & JavaScript π» Book: 1 ACCL π Roll No: RSOA 253 π Task No: 20 π
Calendar App This is a Calendar App created using HTML, CSS, and JavaScript. It allows users to add events for specific dates and view them in a dynamic list.
Features:
Add events to any date ποΈ
Display events in a dynamic list that updates automatically
Colorful and stylish UI with gradient background and hover effects β¨
Works offline without any API π»
Technologies Used:
HTML β Structure of input fields and event list π
CSS β Styling, gradients, hover effects, and visual layout π¨
JavaScript β Event handling and dynamic list rendering β‘
Made by: Using HTML, CSS & JavaScript π» Book: 1 ACCL π Roll No: RSOA 253 π Task No: 19 π
Reminder App β°
This is a Reminder App created using HTML, CSS, and JavaScript that allows users to set and manage reminders for their tasks.
Features:
Set reminders with specific time π
Sound notification when reminder time is reached π
Delete or manage reminders easily β
Stylish UI with gradient background, glowing buttons, and hover effects πβ¨
Works offline without any API π»
Technologies Used:
HTML β Structure of input fields, buttons, and reminder list π
CSS β Styling, gradients, hover, and glow effects π¨
JavaScript β Reminder logic, time tracking, notifications β‘
Made by: Using HTML, CSS & JavaScript π»
Book: 1 ACCL π
Roll No: RSOA 253 π
Task No: 20 π
Alarm Clock β° This is an Alarm Clock App created using HTML, CSS, and JavaScript that allows users to set an alarm and notifies them at the selected time.
Features:
Shows current time in HH:MM:SS format β±οΈ
Allows setting an alarm time with a time picker π
Plays alarm sound when the set time is reached π
Stylish display with gradient background and glow effects πβ¨
Works offline without any API π»
Technologies Used:
HTML β Structure of display, input, and buttons π
CSS β Styling, gradients, hover, and glow effects π¨
JavaScript β Time tracking, alarm logic, and sound control β‘
Moeen E-Commerce Wala
βοΈ Task No. 01 β ChatGPT Clone (Non Functional)
π Roll No: RSOA 253
In this task, I worked on a ChatGPT Clone, a simulated version of the popular AI chatbot ππ€. This clone allowed me to explore how AI-based chat interfaces function and how users interact with virtual assistants.
This task focused on understanding chatbot features, message flow, and basic interface design. I learned how AI models respond to user queries, handle conversations, and simulate real-time interactions β¨π.
π Real-World Use Cases of ChatGPT Clone
π¬ AI Simulation β understanding chatbot responses
π§ Learning Tool β practicing interactions with virtual AI
π Prototype Testing β exploring AI interface design
By completing this task, I gained insight into AI chat functionality and user interface design π.
3 months ago | [YT] | 0
View 0 replies
Moeen E-Commerce Wala
βοΈ Task No. 02 β WhatsApp Clone (Non-Functional)
π Roll No: RSOA 253
In this task, I worked on a WhatsApp Clone (Non-Functional Numbers 1 & 2), a simulated version of the popular messaging app ππ±. This clone allowed me to explore the interface, chat design, and user experience without sending real messages.
This task focused on understanding app layout, message interface, and navigation features. I learned how chats, contacts, and user interactions are structured in a messaging platform β¨π.
π Real-World Use Cases of WhatsApp Clone
π¬ Interface Design β understanding chat application layout
π§βπ» UX Learning β exploring navigation and user experience
π Prototype Development β testing app design features
By completing this task, I enhanced my understanding of messaging app design and user interface principles π.
3 months ago | [YT] | 0
View 0 replies
Moeen E-Commerce Wala
Fruit-Catching Game
This is a Fruit-Catching Game created using HTML, CSS, and JavaScript. The player controls a basket to catch falling fruits, earning points for each caught fruit. The game ends after missing a set number of fruits.
Features:
Move the basket left and right using arrow keys β β
Catch falling fruits ππ and earn points
Game ends after 5 missed fruits β
Displays score and misses dynamically
Colorful, interactive UI with glowing basket and fruit elements πβ¨
Works offline without any API π»
Technologies Used:
HTML β Structure of game area, basket, and scoreboard π
CSS β Styling, colors, glowing effects, and layout π¨
JavaScript β Game logic, fruit movement, scoring, and collision detection β‘
Made by: Using HTML, CSS & JavaScript π»
Book: 1 ACCL π
Roll No: RSOA 253 π
Task No: 20 π
7 months ago | [YT] | 1
View 0 replies
Moeen E-Commerce Wala
Calendar App
This is a Calendar App created using HTML, CSS, and JavaScript. It allows users to add events for specific dates and view them in a dynamic list.
Features:
Add events to any date ποΈ
Display events in a dynamic list that updates automatically
Colorful and stylish UI with gradient background and hover effects β¨
Works offline without any API π»
Technologies Used:
HTML β Structure of input fields and event list π
CSS β Styling, gradients, hover effects, and visual layout π¨
JavaScript β Event handling and dynamic list rendering β‘
Made by: Using HTML, CSS & JavaScript π»
Book: 1 ACCL π
Roll No: RSOA 253 π
Task No: 19 π
7 months ago | [YT] | 0
View 0 replies
Moeen E-Commerce Wala
Reminder App β°
This is a Reminder App created using HTML, CSS, and JavaScript that allows users to set and manage reminders for their tasks.
Features:
Set reminders with specific time π
Sound notification when reminder time is reached π
Delete or manage reminders easily β
Stylish UI with gradient background, glowing buttons, and hover effects πβ¨
Works offline without any API π»
Technologies Used:
HTML β Structure of input fields, buttons, and reminder list π
CSS β Styling, gradients, hover, and glow effects π¨
JavaScript β Reminder logic, time tracking, notifications β‘
Made by: Using HTML, CSS & JavaScript π»
Book: 1 ACCL π
Roll No: RSOA 253 π
Task No: 20 π
7 months ago | [YT] | 0
View 0 replies
Moeen E-Commerce Wala
Alarm Clock β°
This is an Alarm Clock App created using HTML, CSS, and JavaScript that allows users to set an alarm and notifies them at the selected time.
Features:
Shows current time in HH:MM:SS format β±οΈ
Allows setting an alarm time with a time picker π
Plays alarm sound when the set time is reached π
Stylish display with gradient background and glow effects πβ¨
Works offline without any API π»
Technologies Used:
HTML β Structure of display, input, and buttons π
CSS β Styling, gradients, hover, and glow effects π¨
JavaScript β Time tracking, alarm logic, and sound control β‘
Made by: Using HTML, CSS & JavaScript π»
Book: 1 ACCL π
Roll No: RSOA 253 π
Task No: 18 π
7 months ago | [YT] | 0
View 0 replies
Moeen E-Commerce Wala
Stopwatch App β±οΈ
This is a Stopwatch App created using HTML, CSS, and JavaScript that can start, stop, and reset a timer.
Features:
Accurate time tracking in hours, minutes, and seconds β°
Interactive Start, Stop, and Reset buttons
Colorful display with glow effects and hover animations πβ¨
Works offline without any external libraries π»
Technologies Used:
HTML β Structure of stopwatch display and buttons π
CSS β Styling, gradients, hover, and glow effects π¨
JavaScript β Timer logic and DOM updates β‘
Made by: Using HTML, CSS & JavaScript π»
Book: 1 ACCL π
Roll No: RSOA 253 π
Task No: 17 π
7 months ago | [YT] | 1
View 0 replies
Moeen E-Commerce Wala
Currency Converter π±
This is a Currency Converter App made using HTML, CSS, and JavaScript that converts values between predefined currencies.
Features:
Convert amounts between USD, EUR, GBP, PKR, and INR π΅πΆπ·
Interactive input, dropdowns, and buttons β¨
Offline functionality (does not require API) β
Stylish gradient background, hover effects, and result display π
Technologies Used:
HTML β Structure of input fields and display π
CSS β Styling, gradients, hover effects π¨
JavaScript β Conversion logic and DOM updates β‘
Made by: Using HTML, CSS & JavaScript π»
Book: 1 ACCL π
Roll No: RSOA 253 π
Task No: 16 π
7 months ago | [YT] | 0
View 0 replies
Moeen E-Commerce Wala
Weather App π¦οΈ
This is a static Weather App created using HTML, CSS, and JavaScript that shows predefined current weather for selected cities.
Features:
Search weather for predefined cities π
Displays temperature, condition, humidity, and wind speed π‘οΈπ§π¬οΈ
Stylish gradient background, buttons, and hover effects β¨
Works without any API β
Technologies Used:
HTML β Structure of input fields and display π
CSS β Styling, gradients, hover effects π¨
JavaScript β Predefined weather data and DOM manipulation β‘
Made by: Using HTML, CSS & JavaScript π»
Book: 1 ACCL π
Roll No: RSOA 253 π
Task No: 15 π
7 months ago | [YT] | 0
View 0 replies
Moeen E-Commerce Wala
Quiz Game π
This is a 10-question multiple-choice quiz game created using HTML, CSS, and JavaScript.
Features:
10 interactive questions with 4 options each β
Real-time score tracking π―
Correct answers highlighted in green β , wrong answers in red β
Colorful buttons with hover effects and glow β¨
Final score displayed at the end of the quiz π
Technologies Used:
HTML β Structure of quiz layout π
CSS β Styling, animations, and glowing effects π¨
JavaScript β Quiz logic, scoring, and button interactivity β‘
Made by: Using HTML, CSS & JavaScript π»
Book: 1 ACCL π
Roll No: RSOA 253 π
Task No: 14 π
7 months ago | [YT] | 1
View 0 replies
Load more