I made a Number Guessing Challenge game with multiple difficulty levels, a clean UI, sound effects, and a small strategy helper that makes the game more interesting. The hardest part was connecting all the game logic with the UI and making everything feel smooth. I’m most proud of the overall experience and how polished it looks now. To test it, choose a difficulty, enter a guess, and keep playing until you find the hidden number.
28m 34s logged
Devlog-14
finally finished
1h 11m 34s logged
Devlog — 12- Help Modal Progress
At this pace, the whole project might actually be finished in 2–3 days
3h 9m 46s logged
I have completed my stats part that’s actually statsmodal , it took way more time than i thought..
2h 12m 32s logged
Devlog 10
Finally finished App.tsx ðŸ˜. I honestly don’t even know why I left it half-done in the middle, but it’s finally complete now. Right now I’m working on the Win Screen, trying different layouts and animations so it actually feels satisfying when you win. Still tweaking the design, but it’s starting to look pretty clean.
3h 9m 10s logged
Devlog 9
Worked on GameArea today.
Added the guess input, feedback messages, a small helper for the bisect strategy, and a visual bar history for previous guesses. The game feels way more interactive now and is starting to come together nicely.
1h 19m 18s logged
Devlog 8 – Added Difficulty Selector and Game Area
Today I completed two major UI components for the Number Guess game: DifficultySelector.tsx and GameArea.tsx. The difficulty selector now includes interactive cards for Easy, Medium, Hard, and Extreme modes, giving players a clear way to choose the challenge level.
I also built the main game area, which includes the guess input system, feedback banner, bisect strategy helper, and a visual history bar to track previous guesses. These additions make the gameplay more interactive, informative, and user-friendly while improving the overall experience of the game.
42m logged
Devlog 7 – Added Header Component and Difficulty Selection
Today I created and improved the Header.tsx component for the Number Guess game. I added a structured header section to improve the overall layout and user experience.
I also implemented difficulty selectors, allowing players to choose different challenge levels before starting the game. This adds more variety to the gameplay and creates a better experience for different types of players.
With the header and difficulty system completed, the game now has a more organized interface and a more customizable gameplay experience.
1h 3m 19s logged
Devlog 6 – Added Victory Confetti Animation
Today I created src/components/ConfettiCanvas.tsx to add a victory celebration effect to the Number Guess game. I implemented an HTML5 canvas-based confetti animation that appears when the player wins the game. The animation uses particle effects to create a more rewarding and visually exciting celebration, making the game feel more polished and interactive.
1h 9m 12s logged
Devlog 5 – Completed the Utils Folder
Today I completed the Utils folder for the Number Guess game. I added the core game logic that handles the main gameplay mechanics, including processing guesses, checking results, and managing the game flow. I also integrated the sound system to provide audio feedback for different game events, making the overall experience more interactive and engaging.
With the utility layer completed, the project now has a stronger foundation, and I can move on to refining the gameplay, improving the user experience, and polishing the final features.
1h 26m 34s logged
Today I completed the design phase of the Number Guess game. I focused on creating a clean and modern interface with a structured layout that is easy to use and visually appealing. The overall design is now in place, including the main game container, input section, buttons, and feedback area.
With the UI completed, the next step is to implement the game logic in JavaScript, including random number generation, guess validation, score tracking, and win/lose conditions.
1h 13m 10s logged
Today I set up the package.json file for the project. This establishes the project configuration and creates a proper foundation for future development. Having package.json in place will make it easier to manage the project structure and add any tools or dependencies needed as the Number Guess game grows
36m 45s logged
Today I decided to change the direction of my project. Instead of continuing with the calculator idea, I switched to building a Number Guess game. I felt that this would be a better project for learning JavaScript logic, user interaction, and game mechanics while still creating a polished web application.
I started the new project structure and created a fresh index.html file from scratch. The basic HTML layout has been set up, and this file will become the foundation of the game interface. The goal is to create a modern and engaging number guessing game with a clean design, responsive layout, and interactive gameplay.
This marks a fresh start for the project, and the next steps will focus on styling the interface with CSS and implementing the core game logic in JavaScript, including random number generation, user guesses, score tracking, and feedback messages.
31m 20s logged
Today I officially started my Nuclear calculator project for Hack Club Stardance. The first part of the work focused on setting up a clean development environment and creating the basic structure of the project. I created a new project folder, initialized a Git repository, connected it to a new GitHub repository, and configured Hackatime so that development time could be tracked correctly. I also created the initial project structure with the src and public directories, a README.md, and a .wakatime-project file.
After the setup was complete, I began building the calculator interface. I created the index.html file and finished the basic HTML structure for the application. The layout includes the foundation for the calculator display, input area, and button grid, which will serve as the base for future scientific and advanced features. The goal is to build a modern, elegant calculator with a premium user interface rather than a simple basic calculator.
With the project now connected to GitHub and Hackatime successfully tracking coding hours, the development environment is fully ready for the next stage. The next devlog will focus on designing the calculator’s visual appearance using CSS and implementing the first interactive functionality with JavaScript.
