Fruit Catching Game Roll # RSLC 15 Task No # 25 foundation level batch # 2
This is a fun and interactive **Fruit Catching Game** built using HTML, CSS, and JavaScript. The player controls a basket to catch falling fruits and earn points. It’s a simple arcade-style game that helps beginners understand movement, collision detection, and game logic in JavaScript.
✨ Features: ✔ Move basket with arrow keys ⬅️➡️ ✔ Falling fruit animation 🍎 ✔ Score tracking system 🏆 ✔ Collision detection ✔ Simple arcade-style gameplay
Memory Card Game Roll # RSLC 15 Task No # 24 foundation level batch # 2
This is a fun and interactive **Memory Card Game** built using HTML, CSS, and JavaScript. Players flip cards to find matching pairs, testing their memory and concentration skills. With shuffled cards and smooth gameplay, it’s a great beginner-friendly project to learn game logic and user interaction.
✨ Features: ✔ Card matching gameplay ✔ Random card shuffle every game ✔ Flip and match logic ✔ Restart game option ✔ Simple and engaging UI
💡 This project helps you learn:
* JavaScript game logic * DOM manipulation * Event handling * Working with arrays and conditions
Rock Paper Scissors Game Roll # RSLC 15 Task No # 23 foundation level batch # 2
This is a fun and interactive **Rock Paper Scissors Game** built using HTML, CSS, and JavaScript. Play against the computer and see who wins based on classic game rules. The app keeps track of scores and provides instant results, making it a great beginner-friendly project.
✨ Features: ✔ Play against computer 🤖 ✔ Random computer choices 🎲 ✔ Win/Lose/Draw results ✔ Score tracking system 🏆 ✔ Simple and clean UI
💡 This project helps you learn:
* JavaScript logic & conditions * Random number generation * DOM manipulation * Event handling
Word Scramble Game Roll # RSLC 15 Task No # 22 foundation level batch # 2
This is a fun and interactive **Word Scramble Game** built using HTML, CSS, and JavaScript. Players are given a scrambled word and must guess the correct word by rearranging the letters. It’s a great beginner-friendly project that helps improve problem-solving skills while practicing JavaScript fundamentals.
✨ Features: ✔ Random scrambled words ✔ User input guessing system ✔ Instant feedback (correct/incorrect) ✔ Next word option ✔ Simple and clean UI
💡 This project helps you learn:
* JavaScript logic & conditions * Working with arrays and strings * DOM manipulation * Event handling
Guess The Number Game Roll # RSLC 15 Task No # 21 foundation level batch # 2
This is a fun and interactive Guess the Number Game built using HTML, CSS, and JavaScript. The player has to guess a randomly generated number within a given range, with helpful hints guiding them whether their guess is too high or too low. A perfect beginner-friendly project to practice logic building and user interaction.
✨ Features: ✔ Random number generation ✔ User input handling ✔ Helpful hints (too high / too low) ✔ Attempt counter ✔ Restart game option
💡 This project helps you learn:
JavaScript logic & conditions Working with random numbers DOM manipulation Event handling
Reminder App Roll # RSLC 15 Task No # 20 foundation level batch # 2
This is a simple and useful **Reminder App** built using HTML, CSS, and JavaScript. It allows users to create reminders by adding a task and selecting a specific date and time. When the time is reached, the app triggers a notification alert. It’s a great beginner project for learning how JavaScript handles time-based events.
✨ Features: ✔ Add reminders with date & time ✔ Task list display ✔ Automatic alert notification ✔ Simple and clean UI ✔ Beginner-friendly JavaScript logic
💡 This project helps you learn:
* setTimeout & time calculations * JavaScript Date object * DOM manipulation * Event handling
Calendar App
Roll # RSLC 15
Task No # 19
foundation level batch # 2
This is a simple and interactive **Calendar App** built using HTML, CSS, and JavaScript. It displays a full monthly calendar with navigation options to move between months. The current date is highlighted automatically, making it a great beginner project for learning date handling and dynamic UI updates in JavaScript.
✨ Features:
✔ Monthly calendar view
✔ Next/previous month navigation
✔ Highlights current date
✔ Clean grid layout
✔ Simple and responsive design
💡 This project helps you learn:
* JavaScript Date object
* DOM manipulation
* Dynamic rendering
* Event handling and UI updates
Alarm Clock App
Roll # RSLC 15
Task No # 18
foundation level batch # 2
This is a simple and functional **Alarm Clock App** built using HTML, CSS, and JavaScript. It displays a live digital clock and allows users to set an alarm time. When the set time matches the current time, the alarm triggers automatically. A great beginner project for understanding real-time updates and JavaScript timing functions.
✨ Features:
✔ Live digital clock display
✔ Set alarm time easily
✔ Automatic alarm trigger
✔ Clear alarm option
✔ Simple and responsive UI
💡 This project helps you learn:
* Date & Time in JavaScript
* setInterval function
* DOM manipulation
* Event handling
stopwatch
Roll # RSLC 15
Task No # 17
foundation level batch # 2
This is a simple and functional **Stopwatch App** built using HTML, CSS, and JavaScript. It allows users to start, pause, and reset time with a clean digital display. A great beginner-friendly project for understanding timing functions and JavaScript logic.
✨ Features:
✔ Start, pause, and reset controls
✔ Digital time display (HH:MM:SS)
✔ Smooth and accurate timing
✔ Simple and clean UI
✔ Beginner-friendly JavaScript logic
Currency Converter Code
Roll # RSLC 15
Task No # 16
foundation level batch # 2
This is a simple and interactive **Currency Converter App** built using HTML, CSS, and JavaScript. It allows users to convert between different currencies instantly using predefined exchange rates. A great beginner project for understanding basic calculations and dropdown interactions in web development.
✨ Features:
✔ Convert between multiple currencies
✔ Easy-to-use dropdown selection
✔ Instant conversion results
✔ Clean and responsive design
✔ Beginner-friendly JavaScript logic
💡 This project helps you learn:
* JavaScript functions & logic
* DOM manipulation
* Working with select dropdowns
* Basic math operations in web apps
#CurrencyConverter#JavaScript#CodePen#WebDevelopment#HTML#CSS#CodingProject#BeginnerFriendly#Programming#Frontend#LearnToCode#StudentProject#FinanceApp#Tech#WebApp
Muqaddas EducationWali
Fruit Catching Game
Roll # RSLC 15
Task No # 25
foundation level batch # 2
This is a fun and interactive **Fruit Catching Game** built using HTML, CSS, and JavaScript. The player controls a basket to catch falling fruits and earn points. It’s a simple arcade-style game that helps beginners understand movement, collision detection, and game logic in JavaScript.
✨ Features:
✔ Move basket with arrow keys ⬅️➡️
✔ Falling fruit animation 🍎
✔ Score tracking system 🏆
✔ Collision detection
✔ Simple arcade-style gameplay
💡 This project helps you learn:
* JavaScript animations
* Event handling (keyboard controls)
* Collision detection logic
* DOM manipulation
#FruitCatchingGame #JavaScript #CodePen #WebDevelopment #HTML #CSS #CodingProject #BeginnerFriendly #Programming #Frontend #LearnToCode #StudentProject #MiniGame #ArcadeGame #Tech
2 months ago | [YT] | 1
View 0 replies
Muqaddas EducationWali
Memory Card Game
Roll # RSLC 15
Task No # 24
foundation level batch # 2
This is a fun and interactive **Memory Card Game** built using HTML, CSS, and JavaScript. Players flip cards to find matching pairs, testing their memory and concentration skills. With shuffled cards and smooth gameplay, it’s a great beginner-friendly project to learn game logic and user interaction.
✨ Features:
✔ Card matching gameplay
✔ Random card shuffle every game
✔ Flip and match logic
✔ Restart game option
✔ Simple and engaging UI
💡 This project helps you learn:
* JavaScript game logic
* DOM manipulation
* Event handling
* Working with arrays and conditions
#MemoryGame #JavaScript #CodePen #WebDevelopment #HTML #CSS #CodingProject #BeginnerFriendly #Programming #Frontend #LearnToCode #StudentProject #MiniGame #Interactive #Tech
2 months ago | [YT] | 0
View 0 replies
Muqaddas EducationWali
Rock Paper Scissors Game
Roll # RSLC 15
Task No # 23
foundation level batch # 2
This is a fun and interactive **Rock Paper Scissors Game** built using HTML, CSS, and JavaScript. Play against the computer and see who wins based on classic game rules. The app keeps track of scores and provides instant results, making it a great beginner-friendly project.
✨ Features:
✔ Play against computer 🤖
✔ Random computer choices 🎲
✔ Win/Lose/Draw results
✔ Score tracking system 🏆
✔ Simple and clean UI
💡 This project helps you learn:
* JavaScript logic & conditions
* Random number generation
* DOM manipulation
* Event handling
#RockPaperScissors #JavaScript #CodePen #WebDevelopment #HTML #CSS #CodingProject #BeginnerFriendly #Programming #Frontend #LearnToCode #StudentProject #MiniGame #Interactive #Tech
2 months ago | [YT] | 0
View 0 replies
Muqaddas EducationWali
Word Scramble Game
Roll # RSLC 15
Task No # 22
foundation level batch # 2
This is a fun and interactive **Word Scramble Game** built using HTML, CSS, and JavaScript. Players are given a scrambled word and must guess the correct word by rearranging the letters. It’s a great beginner-friendly project that helps improve problem-solving skills while practicing JavaScript fundamentals.
✨ Features:
✔ Random scrambled words
✔ User input guessing system
✔ Instant feedback (correct/incorrect)
✔ Next word option
✔ Simple and clean UI
💡 This project helps you learn:
* JavaScript logic & conditions
* Working with arrays and strings
* DOM manipulation
* Event handling
#WordScramble #JavaScript #CodePen #WebDevelopment #HTML #CSS #CodingProject #BeginnerFriendly #Programming #Frontend #LearnToCode #StudentProject #MiniGame #Interactive #Tech
2 months ago | [YT] | 0
View 0 replies
Muqaddas EducationWali
Guess The Number Game
Roll # RSLC 15
Task No # 21
foundation level batch # 2
This is a fun and interactive Guess the Number Game built using HTML, CSS, and JavaScript. The player has to guess a randomly generated number within a given range, with helpful hints guiding them whether their guess is too high or too low. A perfect beginner-friendly project to practice logic building and user interaction.
✨ Features:
✔ Random number generation
✔ User input handling
✔ Helpful hints (too high / too low)
✔ Attempt counter
✔ Restart game option
💡 This project helps you learn:
JavaScript logic & conditions
Working with random numbers
DOM manipulation
Event handling
#GuessTheNumber #JavaScript #CodePen #WebDevelopment #HTML #CSS #CodingProject #BeginnerFriendly #Programming #Frontend #LearnToCode #StudentProject #MiniGame #Interactive #Tech
2 months ago | [YT] | 0
View 0 replies
Muqaddas EducationWali
Reminder App
Roll # RSLC 15
Task No # 20
foundation level batch # 2
This is a simple and useful **Reminder App** built using HTML, CSS, and JavaScript. It allows users to create reminders by adding a task and selecting a specific date and time. When the time is reached, the app triggers a notification alert. It’s a great beginner project for learning how JavaScript handles time-based events.
✨ Features:
✔ Add reminders with date & time
✔ Task list display
✔ Automatic alert notification
✔ Simple and clean UI
✔ Beginner-friendly JavaScript logic
💡 This project helps you learn:
* setTimeout & time calculations
* JavaScript Date object
* DOM manipulation
* Event handling
#ReminderApp #JavaScript #CodePen #WebDevelopment #HTML #CSS #CodingProject #BeginnerFriendly #Programming #Frontend #LearnToCode #StudentProject #TaskManager #ProductivityApp #Tech
2 months ago | [YT] | 0
View 0 replies
Muqaddas EducationWali
Calendar App
Roll # RSLC 15
Task No # 19
foundation level batch # 2
This is a simple and interactive **Calendar App** built using HTML, CSS, and JavaScript. It displays a full monthly calendar with navigation options to move between months. The current date is highlighted automatically, making it a great beginner project for learning date handling and dynamic UI updates in JavaScript.
✨ Features:
✔ Monthly calendar view
✔ Next/previous month navigation
✔ Highlights current date
✔ Clean grid layout
✔ Simple and responsive design
💡 This project helps you learn:
* JavaScript Date object
* DOM manipulation
* Dynamic rendering
* Event handling and UI updates
#CalendarApp #JavaScript #CodePen #WebDevelopment #HTML #CSS #CodingProject #BeginnerFriendly #Programming #Frontend #LearnToCode #StudentProject #DatePicker #Tech #WebApp
2 months ago | [YT] | 0
View 0 replies
Muqaddas EducationWali
Alarm Clock App
Roll # RSLC 15
Task No # 18
foundation level batch # 2
This is a simple and functional **Alarm Clock App** built using HTML, CSS, and JavaScript. It displays a live digital clock and allows users to set an alarm time. When the set time matches the current time, the alarm triggers automatically. A great beginner project for understanding real-time updates and JavaScript timing functions.
✨ Features:
✔ Live digital clock display
✔ Set alarm time easily
✔ Automatic alarm trigger
✔ Clear alarm option
✔ Simple and responsive UI
💡 This project helps you learn:
* Date & Time in JavaScript
* setInterval function
* DOM manipulation
* Event handling
#AlarmClock #JavaScript #CodePen #WebDevelopment #HTML #CSS #CodingProject #BeginnerFriendly #Programming #Frontend #LearnToCode #StudentProject #DigitalClock #Timer #Tech
2 months ago | [YT] | 0
View 0 replies
Muqaddas EducationWali
stopwatch
Roll # RSLC 15
Task No # 17
foundation level batch # 2
This is a simple and functional **Stopwatch App** built using HTML, CSS, and JavaScript. It allows users to start, pause, and reset time with a clean digital display. A great beginner-friendly project for understanding timing functions and JavaScript logic.
✨ Features:
✔ Start, pause, and reset controls
✔ Digital time display (HH:MM:SS)
✔ Smooth and accurate timing
✔ Simple and clean UI
✔ Beginner-friendly JavaScript logic
💡 This project helps you learn:
* setInterval & timing functions
* DOM manipulation
* Event handling
* Basic JavaScript logic
#Stopwatch #JavaScript #CodePen #WebDevelopment #HTML #CSS #CodingProject #BeginnerFriendly #Programming #Frontend #LearnToCode #StudentProject #Timer #Tech #JavaScriptProject
2 months ago (edited) | [YT] | 0
View 0 replies
Muqaddas EducationWali
Currency Converter Code
Roll # RSLC 15
Task No # 16
foundation level batch # 2
This is a simple and interactive **Currency Converter App** built using HTML, CSS, and JavaScript. It allows users to convert between different currencies instantly using predefined exchange rates. A great beginner project for understanding basic calculations and dropdown interactions in web development.
✨ Features:
✔ Convert between multiple currencies
✔ Easy-to-use dropdown selection
✔ Instant conversion results
✔ Clean and responsive design
✔ Beginner-friendly JavaScript logic
💡 This project helps you learn:
* JavaScript functions & logic
* DOM manipulation
* Working with select dropdowns
* Basic math operations in web apps
#CurrencyConverter #JavaScript #CodePen #WebDevelopment #HTML #CSS #CodingProject #BeginnerFriendly #Programming #Frontend #LearnToCode #StudentProject #FinanceApp #Tech #WebApp
2 months ago | [YT] | 0
View 0 replies
Load more