CodeX Gamer Vlogs
CodeX Gamer Vlogs
  • Видео 40
  • Просмотров 1 891
100 Days of Code | Day 38: Let's Create a Memory Game! 🎮 | Project Walkthrough | Part 1
🎉 Welcome to Day 38 of my 100 Days of Code Challenge! 🎉
Today, I’m kicking off an exciting new project: a Memory Game! This classic game is a fun way to challenge your memory while testing our coding skills! In this video, I’ll walk you through the setup, the initial HTML structure, and the CSS design that will set the stage for our game grid. 💻
Here’s what you can expect from this part of the project:
Game Planning: Understanding the structure and functionality we need for a memory game.
Setting Up the Grid: We’ll create the HTML and CSS that brings the game layout to life.
Design with CSS: Making our cards look appealing with hover effects, background colors, and more!
JavaScript Setup: Prepa...
Просмотров: 8

Видео

🎉 Guess the Number Game | 100 Days of Code - Day 37 🎉FINAL-PART
Просмотров 52 часа назад
Hey everyone! 🙌 Bhanu here with a new project straight from my 100 Days of Code journey! Today, on Day 37, I’m excited to share my Guess the Number Game 🕹️, a simple but fun game built with JavaScript. This project is a fantastic way for beginners to get hands-on with basic logic, random number generation, and conditional statements. 🔥 What’s Inside? 🔥 In this video, I’ll walk you through the e...
🎉Guess the Number Game Part 3 | JavaScript Coding & VS Code Shortcuts! | 100 Days of Code - Day 36 🎮
Просмотров 54 часа назад
💻 Day 36 of 100 Days of Code - In this video, we dive into the JavaScript side of our Guess the Number Game project! Today, I implemented all the game logic using JavaScript, bringing our HTML and CSS setup to life with interactive features and intuitive game feedback. If you're following along, you’ll learn how to add functionality like accepting user guesses, validating input, and guiding pla...
🎉 Guess the Number Game | 100 Days of Code - Day 35 | Complete Walkthrough and Coding Fun! 🎮# PART-2
Просмотров 427 часов назад
🚀 Day 35 of 100 Days of Code - And we’re bringing the excitement with a classic game: Guess the Number! 🎲 Today, I completed the entire Guess the Number Game project, where users get a chance to guess a random number within a range and receive immediate feedback on whether they need to guess higher or lower. In this video, I’ll take you through the HTML and CSS layout and show you the final ver...
Day 34 of 100 Days of Code: Building a “Guess the Number” Game - HTML & CSS Setup! | Part-1 🎮
Просмотров 129 часов назад
Welcome to Day 34 of my 100 Days of Code Challenge! 🌟 Today marks the start of an exciting new project - a Guess the Number Game! 🎉 In this video, I’ve created the HTML and CSS structure to bring the game layout to life. 🎨 🎮 What is “Guess the Number”? The Guess the Number game is a fun, interactive project where players try to guess a randomly generated number within a given range. Each guess ...
Day 33 of 100 Days of Code: Screen Recording Feature Complete in ClipCatchChrome Extension! |Part-6🚀
Просмотров 1612 часов назад
Welcome to Part-6 of my 100 Days of Code challenge! 🎉 Today is Day 33, and I've made big strides in developing my ClipCatch Chrome extension! In this video, I’ll show you how I implemented the screen recording feature along with the stop recording functionality. Plus, I’ll demo a full test run so you can see ClipCatch in action! 🎬 🔍 What’s Covered Today? 👉 Writing and optimizing the JavaScript ...
📹 Part 5: Chrome Extension Development - Adding Stop Button & Screen Recording Code!
Просмотров 814 часов назад
Welcome back to Part 5 of our Chrome Extension development series! 🎉 In today's session, we'll dive into the next steps for our extension. This video is dedicated to adding new functionality for the screen recording feature and setting up a Stop button 🛑 to give users more control over recordings. In this part, we’ll cover: Implementing the Stop Button: Learn how to write code that allows users...
Day 31 | Part 4: Finalizing Toggle & Screenshot Features For ClipCatch Extension + Diwali Wishes! 🪔
Просмотров 1716 часов назад
Hey everyone! Welcome back to my 100 Days of Code Challenge journey! Today is Day 31, and I’m so excited to share that I’ve completed the code for the toggle theme and screenshot buttons for my custom Chrome extension, ClipCatch! 🚀📸 In this video, I dive into the process of finalizing these crucial features and aligning the layout using Bootstrap classes to create a clean and polished look. Eac...
🌟 Day 30 of 100 Days of Code - Part 3 | Frontend Completion & Toggle Button for ClipCatch Extension🌟
Просмотров 1319 часов назад
🌟 Day 30 of 100 Days of Code Challenge! 🌟 Welcome back, coding enthusiasts! Today marks a milestone in my coding journey as I complete the frontend for my Chrome Extension project, ClipCatch 📸, which allows users to capture screenshots, record screens, and toggle between light and dark themes seamlessly! 🚀 In today’s video, I dive deep into the design and functionality of ClipCatch's user inter...
🚀 Day 29 of 100 Days of Code: Building & Publishing ClipCatch - My Chrome Extension Journey!🌐|PART-2
Просмотров 1621 час назад
🚀 Day 29 of #100DaysOfCode Challenge 🚀 In today’s journey, I took a big step forward with my Chrome extension project, ClipCatch! 🎉 Today, I created the manifest.json file - a crucial file that defines everything from permissions to metadata for the extension. 📄✨ Through this, I learned how to structure a Chrome extension and specify all the necessary details, such as icons, permissions, and ba...
Day 28 of 100 Days of Code - Creating ClipCatch: Screen Capture & Recording Extension | Part 1 🚀
Просмотров 40День назад
🌟 Day 28 of #100DaysOfCode 🌟 Today, I’m thrilled to introduce ClipCatch - my very own Chrome extension project designed to make screen capturing and recording easier and faster! 📸🎥 In this video, I kick off Part 1, where I cover the basics, build the initial setup, and start creating this extension from scratch using HTML, CSS, and JavaScript. ClipCatch will let you: 🔹 Capture screenshots of yo...
🌌 Day 27 of #100DaysOfCode - Space Explorer Dashboard Frontend Complete! 🚀 PART - 4
Просмотров 10День назад
@CodeXGamerVlogs Today marks an exciting milestone in my coding challenge journey! 🎉 I’ve finally completed the frontend for the Space Explorer Dashboard, and I’m super excited to share it with you all! This project combines HTML, CSS, and JavaScript to create a visually stunning, responsive interface that brings space exploration data to life 🌠. Leveraging the NASA API 📡, the dashboard dynamic...
🌌 Day 26 of 100 Days of Code: Enhancing the Space Explorer Dashboard with CSS Animations 🚀 PART - 3
Просмотров 12День назад
Welcome back, everyone! Today marks Day 26 of my 100 Days of Code challenge, and I'm thrilled to share some exciting updates on the Space Explorer Dashboard project. 🌠 In this part, I've taken the dashboard to the next level by adding CSS animations using keyframes to bring the interface to life! ✨ From smooth transitions to interactive hover effects, I've used CSS to give the dashboard a futur...
🚀 Day 25 of 100 Days of Code: Space Explorer Dashboard - Part 2 🌌
Просмотров 45День назад
Welcome back, everyone! Today is Day 25 of my 100 Days of Code challenge, and I’m excited to share the second part of the Space Explorer Dashboard project. In Part 2, I added CSS to the dashboard to make it visually stunning and fully responsive! 💻✨ In this project, we continue working with the NASA API to fetch incredible space data and images, but now, with the power of CSS, the entire dashbo...
🚀 Day 24 of 100 Days of Code: Space Explorer Dashboard 🌌| PART-1
Просмотров 1514 дней назад
🚀 Day 24 of 100 Days of Code: Space Explorer Dashboard 🌌| PART-1
Currency Converter Project Using API & Bootstrap | Day 23 of 100 Days Coding Challenge | Final Part
Просмотров 1314 дней назад
Currency Converter Project Using API & Bootstrap | Day 23 of 100 Days Coding Challenge | Final Part
Currency Converter Project Using API & Bootstrap | Day 22 of 100 Days Coding Challenge | PART-3
Просмотров 1514 дней назад
Currency Converter Project Using API & Bootstrap | Day 22 of 100 Days Coding Challenge | PART-3
Currency Converter Project Using API & Bootstrap | Day 21 of 100 Days Coding Challenge | PART-2
Просмотров 1214 дней назад
Currency Converter Project Using API & Bootstrap | Day 21 of 100 Days Coding Challenge | PART-2
Currency Converter Project Using API & Bootstrap | Day 20 of 100 Days Coding Challenge |
Просмотров 4214 дней назад
Currency Converter Project Using API & Bootstrap | Day 20 of 100 Days Coding Challenge |
🎯 Day 19 of 100 Days Coding Challenge 🚀 | How to Make a Responsive Webpage using Media Queries 📱💻
Просмотров 7114 дней назад
🎯 Day 19 of 100 Days Coding Challenge 🚀 | How to Make a Responsive Webpage using Media Queries 📱💻
DAY 18 OF 100 DAYS CODING CHALLENGE | FINAL PART OF WEATHER-APP PROJECT #weather #app
Просмотров 2714 дней назад
DAY 18 OF 100 DAYS CODING CHALLENGE | FINAL PART OF WEATHER-APP PROJECT #weather #app
DAY 17 OF 100 DAYS CODING CHALLENGE | PART - 3 OF WEATHER-APP PROJECT #weather #app
Просмотров 4021 день назад
DAY 17 OF 100 DAYS CODING CHALLENGE | PART - 3 OF WEATHER-APP PROJECT #weather #app
DAY 16 OF 100 DAYS CODING CHALLENGE | GITHUB TUTORIAL FOR BEGINNERS | UPLOAD CODE IN FEW MINUTES
Просмотров 3021 день назад
DAY 16 OF 100 DAYS CODING CHALLENGE | GITHUB TUTORIAL FOR BEGINNERS | UPLOAD CODE IN FEW MINUTES
DAY 15 OF 100 DAYS CODING CHALLENGE | PART - 2 OF WEATHER-APP PROJECT #weather #app
Просмотров 6321 день назад
DAY 15 OF 100 DAYS CODING CHALLENGE | PART - 2 OF WEATHER-APP PROJECT #weather #app
DAY 14 OF 100 DAYS CODING CHALLENGE | PART - 1 OF WEATHER-APP PROJECT #weather #app
Просмотров 6821 день назад
DAY 14 OF 100 DAYS CODING CHALLENGE | PART - 1 OF WEATHER-APP PROJECT #weather #app
Day 13 of 100 Days of Code | Complete Calculator with HTML, CSS & JavaScript
Просмотров 7921 день назад
Day 13 of 100 Days of Code | Complete Calculator with HTML, CSS & JavaScript
DAY - 12 OF 100 DAYS CODING CHALLENGE | PART - 2 OF CALCULATOR #calculator #coding #100daysofcoding
Просмотров 5621 день назад
DAY - 12 OF 100 DAYS CODING CHALLENGE | PART - 2 OF CALCULATOR #calculator #coding #100daysofcoding
DAY - 11 OF 100 DAYS CODING CHALLENGE | PART - 1 OF CALCULATOR #calculator #coding #100daysofcoding
Просмотров 5421 день назад
DAY - 11 OF 100 DAYS CODING CHALLENGE | PART - 1 OF CALCULATOR #calculator #coding #100daysofcoding
DAY - 10 OF 100 DAYS CODING CHALLENGE | FINAL PART OF PORTFOLIO WEBSITE #portfolio #coding
Просмотров 5928 дней назад
DAY - 10 OF 100 DAYS CODING CHALLENGE | FINAL PART OF PORTFOLIO WEBSITE #portfolio #coding
DAY - 9 OF 100 DAYS CODING CHALLENGE | PART-6 OF PORTFOLIO WEBSITE #portfolio #coding #bootstrap
Просмотров 8228 дней назад
DAY - 9 OF 100 DAYS CODING CHALLENGE | PART-6 OF PORTFOLIO WEBSITE #portfolio #coding #bootstrap

Комментарии