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 ⚡
Keep your tasks organized in the most fun and colorful way! This app allows you to add, edit, and delete tasks with ease. Every action comes with smooth animations, glow effects, and a vibrant, gradient background that makes managing your tasks enjoyable.
💻 Technologies Used:
HTML – for the structure of the app
CSS – for the colorful design, animations, and glowing effects ✨
JavaScript – for adding, editing, deleting, and interacting with tasks 📝
Tic-Tac-Toe Game 🌈🎮
This is a two-player Tic-Tac-Toe game made using HTML, CSS, and JavaScript.
The game features:
Interactive 3x3 grid for two players (X and O)
Colorful animated borders on each cell ✨
Glowing X and O symbols with smooth color transitions 💫
Winning cell highlight when a player wins 🏆
Draw detection for tied games 🤝
Reset button to start a new game 🔄
The project demonstrates web development skills using:
HTML – for creating the structure of the board and buttons 📄
CSS – for styling, animations, and glowing effects 🎨
JavaScript – for game logic, turn handling, and win/draw detection ⚡
Made by: Using HTML, CSS & JavaScript 💻
Book: 1 ACCL 📚
Roll No: RSOA 253 🆔
Task No: 12 📝
Moeen Khan Ai Wala
Moeen Khan Ai 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 📝
1 month ago | [YT] | 1
View 0 replies
Moeen Khan Ai 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 📝
1 month ago | [YT] | 0
View 0 replies
Moeen Khan Ai 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 📝
1 month ago | [YT] | 0
View 0 replies
Moeen Khan Ai 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 📝
1 month ago | [YT] | 0
View 0 replies
Moeen Khan Ai 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 📝
1 month ago | [YT] | 1
View 0 replies
Moeen Khan Ai 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 📝
1 month ago | [YT] | 0
View 0 replies
Moeen Khan Ai 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 📝
1 month ago | [YT] | 0
View 0 replies
Moeen Khan Ai 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 📝
1 month ago | [YT] | 1
View 0 replies
Moeen Khan Ai Wala
🌟 Colorful To-Do List App 🌟
Keep your tasks organized in the most fun and colorful way! This app allows you to add, edit, and delete tasks with ease. Every action comes with smooth animations, glow effects, and a vibrant, gradient background that makes managing your tasks enjoyable.
💻 Technologies Used:
HTML – for the structure of the app
CSS – for the colorful design, animations, and glowing effects ✨
JavaScript – for adding, editing, deleting, and interacting with tasks 📝
🎨 Features:
Add new tasks effortlessly
Edit tasks with a simple click ✏️
Delete tasks when done ❌
Beautiful color-changing background 🌈
Animated buttons and task cards ✨
📚 Book: 1 ACCL
🆔 Roll No: RSOA 253
📌 Task No: 12
1 month ago | [YT] | 1
View 0 replies
Moeen Khan Ai Wala
Tic-Tac-Toe Game 🌈🎮
This is a two-player Tic-Tac-Toe game made using HTML, CSS, and JavaScript.
The game features:
Interactive 3x3 grid for two players (X and O)
Colorful animated borders on each cell ✨
Glowing X and O symbols with smooth color transitions 💫
Winning cell highlight when a player wins 🏆
Draw detection for tied games 🤝
Reset button to start a new game 🔄
The project demonstrates web development skills using:
HTML – for creating the structure of the board and buttons 📄
CSS – for styling, animations, and glowing effects 🎨
JavaScript – for game logic, turn handling, and win/draw detection ⚡
Made by: Using HTML, CSS & JavaScript 💻
Book: 1 ACCL 📚
Roll No: RSOA 253 🆔
Task No: 12 📝
1 month ago | [YT] | 1
View 0 replies
Load more