What I did?
- check if there is a winner
- check if game is over
- delete game
- set score on the scoreboard
The game is not fully working until I debug some stuff
0
Log in to leave a comment
Sadiya
Joined 2025-12-19
Achievements
Orders
Ordered 1 time.
Ordered 1 time.
Ordered 1 time.
Ordered 1 time.
Activity
Shipped this project!
I built a personal style os. Instead of a typical website, it works like an operating system where users can open draggable windows and open apps. I learned how to create multiple windows, drag functions, and open/close logic.
Things I added
- Dragging logic
- Open and Close logic
- Apps
2
Log in to leave a comment
Comments
Really Cool <3
Thank you!
Things I Added
- top bar
- created window
- added content section
- styled window
- background added
- buttons added
- clock/date added
0
Log in to leave a comment
There is not much to see yet but what I did was styled the slots, added hover effects on the red and yellow, created the columns and slot and made the slots clickable.
0
Log in to leave a comment
I changed up the layout a little because I wanted to add a opening page before the game.
What I added?
- a play button inside the game
- a scoreboard
- used Flexbox for layout and alignment
- created a game container 420x420
- styled the border
0
Log in to leave a comment
I built a welcome screen for my personalOS
I added text, image, and links, then I did some styling with colors, fonts, and spacing
I am trying to make my Devlog for an hour long
0
Log in to leave a comment
What I did in code?
- set up a 6x7 game board
- define/created variables
This is how it currently looks
0
Log in to leave a comment
Shipped this project!
I built a projectile shooting game where the player controls a blue circle in the middle of the screen and shoot projectiles at colorful enemies to get points. I learned how to use Canvas API, Tailwind CSS, HTML, GSAP and JavaScript to create a playable shooting game.
- Added game over UI
- A restart button which is just the start button after the player gets hit by a enemy
- Changed the color of the player, projectile and button to make it more space theme
0
Log in to leave a comment
Added a start game button
0
Log in to leave a comment
So I added a score using the tailwind css library
When the player hits the enemy they get 100 points
When the player hits the player to the point that they are gone they get 250 points added to their score
0
Log in to leave a comment
Now I shrunk the enemies on hit with the gsap library and created particle explosion on hit
0
Log in to leave a comment
This time i got some color to the game such as changed the background color, changed the color of the player and enemies
0
Log in to leave a comment
Shipped this project!
I built an interactive game where the player makes choices and the story changes depending on those choices. I used JS to create scenes, buttons, and game state, so the game responds differently depending on what the player picks.
I learned how to use variables and objects to store information and how to use logic to control what the player sees.
What I did
- Changed the colors
- Changed the title
- Changed some logic
0
Log in to leave a comment
What have I done so far
- I centered the content on the screen
- I have created different options
- Created character state
- Created character trees
I planned on submitting this project to a different event but I have decided to submit it to this one but that is not the point.
1
Log in to leave a comment
Comments
I wanted to name my project this a while ago, but was worried about trademarks. Hopefully you stay out of their radar!
Detect collision on enemy/projectile hit
Detect collision on enemy/player hit
Now every time the enemy hits the player the game stops
0
Log in to leave a comment
I have created enemies in different sizes and in all directions of the screen
0
Log in to leave a comment
This is shooting projectiles
Every time the screen gets clicked red dots appear
0
Log in to leave a comment
I created a player with the use of canvas
0
Log in to leave a comment
Shipped this project!
I built a word scramble game using HTML, CSS, and JavaScript. The game shows a scrambled word with a hint, and the player has to guess the word within the time. It includes buttons to start the game, refresh the word, and check the answer. I learned how to use game logic, such as selecting random words, scrambling letters, using timers, and checking user input.
This a video of the game working with all it’s features
0
Log in to leave a comment
- Added different/new words
- Changed the sizes of the container for all the words can fit
These are some of the words I am using
0
Log in to leave a comment
What I done so far
- Fixed bugs
- Changed colors such as the background and buttons
0
Log in to leave a comment
Things I have done so far
- Added timer function
- Added check word function
- Added event listeners
0
Log in to leave a comment
Started working on the JS
What have I done so far?
- Added variables
- Added for loop
0
Log in to leave a comment
So I added a folder where the words would be and these are the words that I will use as a placeholder until I find words that I want to use.
These are some of the words I am currently using.
0
Log in to leave a comment
This is how it looks after the html css was added
L O R E M is just a placeholder and the colors
I will remove this soon maybe when I start or after the JS is added
0
Log in to leave a comment
Shipped this project!
I made a Mad Libs web app where the user can fill in words in the given prompts to create a story. The way it works is the user will type a word based on what the prompt is asking for, than the user will click the button to create a story based on the words they provided. I learned how to use input fields to collect user input.
I added more prompts and I tried to add other features which didn’t work well so they weren’t added but here is the code I added and the video of everything working.
0
Log in to leave a comment
This is a video of the finished project
0
Log in to leave a comment
Changed the layout and background color
0
Log in to leave a comment
Added more prompts
0
Log in to leave a comment
This is the finished working product but I do want to add more
0
Log in to leave a comment
I am starting a new project
Mad Libs
I have already added the html and css such as
a body, divs, and a button
This is how it looks so far
0
Log in to leave a comment
Shipped this project!
For this project, I made a number guessing game using HTML, CSS, and JavaScript. The game lets the player guess a random number between 1-100, gives hints if the guess is too high or low, and tracks the number of attempts. Through this project I learned how to use inputs to get information from the player.
This the full game
0
Log in to leave a comment
I changed the background color again because my last project already had purple so I decided to use pink
I also changed the button color and the banner for this project
0
Log in to leave a comment
Added the conditionals
Changed the background color
Added a container
Added text to indicate if the number is too high or low and added text for the amount of attempts a user is guessing
0
Log in to leave a comment
Started the JS
Added variables and event listeners
Now I will move on to adding conditionals
0
Log in to leave a comment
This is what I have so far after adding the HTML and CSS
0
Log in to leave a comment
Shipped this project!
I made a maze game where the player controls a ball and navigates through a generated maze to reach the square (goal). The game uses physics engine to generate maze walls, handle collisions, and move the ball using keyboard inputs (WASD or arrow keys). When the ball touches the square, the player wins and the maze falls. I learned how to generate a maze using physics engine and keyboard inputs.
This is a full video of the working game
1
Log in to leave a comment
Comments
Suggestion - improve the physics and the maze gen. The mazes are too easy to solve, and the ball control is weird. Really fun game tho, gj!
I changed the color of the ball, square, and the horizontal bars or walls
0
Log in to leave a comment
I fixed a few typos
This is the results
0
Log in to leave a comment
I finished all the code and now I will fix any issues
This is how the maze looks so far
0
Log in to leave a comment
Finished the CSS
Here is the result
0
Log in to leave a comment
I decided to rewrite my code and just finished the html
This is the result so far
0
Log in to leave a comment
So i am done with the code
and now I will fix any issues with it
But this is what I have so far
0
Log in to leave a comment
I added a lot of code to the JS
The code I added today was the message, players move, players position and timer
This is just some of the code I have written
0
Log in to leave a comment
I added code in the JS like functions and while loops
But I notice that I am able to click on the arrow buttons
3
Log in to leave a comment
Comments
tip: use icons instead of emojis, it will look A WAY BETTER(my opinion), you can use websites for icons like this ones:
+1 to what bgtulk said!! Google also offers a pretty nice set of icons if you’re interested: https://fonts.google.com/icons
These are really nice. Thanks for the suggestions
Shipped this project!
I built a slide puzzle game using HTML, CSS and JavaScript. I learned how to structure a webpage, style it with CSS, and use JS to handle clicks, move tiles, shuffle the puzzle (with the button), and check when the player wins (by displaying a win message).
Added a title on the game page
0
Log in to leave a comment
Added some CSS
I have a lot more to add but this is how it looks so far
These are the controls for the character that needs to get passed the maze
0
Log in to leave a comment
I started coding
I finished the HTML and now
I am on the CSS
These are the emojis that I am using for this project
0
Log in to leave a comment
This is my third project
Added it to Github and made my first commit
0
Log in to leave a comment
I added comments to better understand the code and I changed the colors that I never heard or seen before
1
Log in to leave a comment
Comments
Fixed a typo on the first comment line
apge → page
This is the final result
0
Log in to leave a comment
I am on the JS right now but in the meantime this is how it looks without the words on the side
0
Log in to leave a comment
I am redoing this project with different things
Here is a pic of it so far
0
Log in to leave a comment
I am still trying to make this work but I added my image in HTML
0
Log in to leave a comment
Added features such as dragging, moving and turns
0
Log in to leave a comment
So I made code where I link my image and it should appear in the board
My next step is to figure out why my image is not appearing on the board
0
Log in to leave a comment
I was able to get my image into pieces
It took a loooooooong time but I was able to do it
And I am happy with the results
0
Log in to leave a comment
Shipped this project!
I made a memory matching game using HTML, CSS and JavaScript. The game shows a grid of cards with emojis, and the player has to flip two at a time to find it’s match before the time runs out. I learned how to create buttons, a timer, move counter, images, levels and text to appear.
This is the whole game in action
0
Log in to leave a comment
I added more JS where you are now able to hit the level buttons and the start button
0
Log in to leave a comment
I just finished the CSS and now I am on the JS
Here is some of the JS I am working on
0
Log in to leave a comment
Right now I am rewriting my css and this is what I have so far
I have more but this is just some
0
Log in to leave a comment
This is how rewriting my HTML is going
It is going well
0
Log in to leave a comment
I am going to rewrite my code but in the meantime look at this cute avocado that I found and plan on using for this project
0
Log in to leave a comment
added code that would make the cards flip and removed the reset button since it is not working
0
Log in to leave a comment
I am rewriting my code to better understand it
Here is the HTML, CSS and JS
This is some of the css I have more
0
Log in to leave a comment
Change this code to make it more readable and understandable
0
Log in to leave a comment
This is how it looks so far after adding the css
(Board, pictures holder and turn counter)
0
Log in to leave a comment
Added a timer and it only starts when a card is clicked on
0
Log in to leave a comment
Added a flip sound for the cards
A winning sound for the end of that level
A counter for the amount of moves that were played
0
Log in to leave a comment
Added some comments to better understand my code
Here are some examples
0
Log in to leave a comment
This is what I have after changing the colors multiple times
I might change again
0
Log in to leave a comment
Added 3 levels and changed the images
0
Log in to leave a comment
Now I will add some levels and each level will have different emojis
0
Log in to leave a comment
Now every time there is a match it stay and every time there isn’t a match it flips back
0
Log in to leave a comment
This is how the game is looking so far
0
Log in to leave a comment
These are the emojis or images I will add for this game
I might change some
This is a hint for the theme
0
Log in to leave a comment
Added some css
0
Log in to leave a comment
Made my first commit on this project
0
Log in to leave a comment