CLUB UPDATE:

So we decided to change our club name and give it more identity, the new name is ‘Polymaths’!
I made a big change to the website, so I created a new repo and new demo link

I added a very cool terminal that shows in the home section and I made sure that the website looks responsive on the phone too

IT’S LIVE!

hello there everybody, today I finally finished my project, well I still have more ideas so it may get some more updates in the future so as always stay tuned!

TECH STACK

I used html, css and js (javascript) I tried to make this project look professional and easy to use for everyone

I made a PWA progressive web app, so you can install it as an app on your desktop!

I spent lot of time working on the logic, also the design with css

YOU CAN TRY MY APP NOW LIVE ON https://pensera.pages.dev/ or just click the DEMO button!

I’m still working on a lot of amazing things!

HAPPY CODING!

PENSERA UPDATES!

hello everyone, today I worked on a lot of stuff, and I had lot of fun too!
the pensera project (a journalign/note-taking web app) is one of the best projects I ever worked on, and still improving it

HERE IS WHAT I DID

• I improved the dark mode, fixing all the bugs that showed after
  switching from light mode, that part was the hardest and most confusing.
  the black text in light mode wasn’t visible in the dark mode also the
  highlighters and font colors, but thankfully I succeeded in fixing it. Yaaaay!
• I tried to implement some new features like, FOCUS MODE, that
  only shows the page to write with full focus, no left sidebar no nothing!
• speaking of the sidebar it was one of the hardest things, well
  I managed to improve the GROUPS section and the ENTRIES section,
  adding buttons each with different action: delete, pin, export as ‘.json’
  and for the groups I added a ‘+’ button which role is basicly to add different
  entries to that group, that’s for organization and keeping the app clean also
  to make it easier for the user to access the work!
• Fixed the tool bar, added some new fonts, and bold, and italic text

STAY TUNED FOR MORE UPDATES, and…

                     HAPPY CODING!!!!!! 

WELCOME BACK EVERYBODY, PENSERA PROJECT HERE!

I started the real work, for now I finished the basic thing and started working on the actual features and the user interface. I added an editor header whose role is basically to show the last edit time, and words like ‘Saving…’ to let the user know that the his work is saved

I also worked on JavaScript code and added a function that calculates the number of characters and words

working on it, I gave CSS some time also, making the writing/journaling page look better and organized with a title and content

NEXT FEATURES

   - Dark mode / light mode
   - organize entries
   - add links support to the text (so that when the user clicks on a link it actually works and directs to the link page)
   - improve the design (work on UI/UX)
   - add a focus mode (to show only the page in a full screen)

STAY TUNED, HAPPY CODING

HELLO EVERYONE: NEW PROJECT HERE!

Lately, I was trying to start a new habit, JOURNALING! and to make it easier for me as a hack cluber :) I decided to create an app for that (the most thing I like about coding is that you can create anything!)

NAMING THE APP AND WHAT I JUST DID

I call it Pensera which will be a journaling and note-taking app!
I just started with basics, HTML structure, and some CSS styling :)
working on it I had some ideas like to add more organization features and take the app to the next level with javascript power which I already started working on

more updates are coming; stay tuned!

HAPPY CODING

POMAXIS PROJECT HERE

I completed my project, and it now functions flawlessly.
what I added

• I added a white noise sound button for focus
• I optimized the code and fixed some bugs

POMAXIS (HOW TO USE)

how to use it

• start to start the timer
• pause to stop the timer
• customize button to edit the timer and switch from 25min pomodoro to 50min pomodoro
• you can also change the bg color
• goal section to motivate you!
• and Tasks section to keep track of your TO-DOs

Now you can click on my demo link and try POMAXIS!
I really believe you will like it :)

What I used and what I worked on

• HTML
• CSS tailwind using CDN
• JAVASCRIPT (JS)
• README.md
• and PWA files to make it a Progressive Web App ! (New thing I learned recently)

Thank you and,
HAPPY CODING

HELLO EVERYONE, POMAXIS PROJECT HERE!

First and foremost, I’m really proud of the progress of this project. It still needs more things, but it’s usable for now!

• to make things a bit challenging and motivational, I created a goal section to set the number of the sessions the user wants to accomplish, to keep everything organized
• a circle progress bar for the goal section
• I also added a tasks section and I improved to be like a to-do list to keep everything organized and in one page

stay tuned for more updates!

NEXT IMPROVEMENTS

• add some sound effect to make the app dynamic and more friendly
• add more features and IMPROVE
• maybe I can add a white noise music for focus :)

HAPPY CODING!

HELLO EVERYONE!

in this devlog I’ll be talking about the last updates I did to pomaxis

• I added a customize button that gives the user the possibility to change the background color, edit the timer, like editing the long break time or short break or even the pomodoro 25/50 timers itself!

• added two buttons ‘Classic 25’ and ‘deep 50’ to to switch from 25min to 50min

• better design

• fixed bugs

HAPPY CODING

POMAXIS!

I started working on this project called Pomaxis and I’m really proud of it
I’ve always been using focus tools on internet and now it’s time to build my own
so happy to work on my first pomodoro timer application all using only html, css (tailwind) and JS

I worked on the basic structure of the page
built the fundamental functions and started my first pomodoro timer counting for 25min!
working on design
for now I got insparation from a famous pomodoro app called pomofocus, but I’m planning to improve the overall design

Stay tuned for more features!

HELLO EVERYONE!
After hearing from your votes, I ditched the old terminal aesthetic and went for something cleaner, a minimalist design with warm tones
Added a full new dark/light mode with smooth transitions, a typing intro that spells out my name on load, and a $ identify –role line that cycles through my roles like a terminal (I liked that one, so I kept it). Cleaned up the hero section, circular profile photo, no clutter. Built out sections for skills, projects, experience, achievements, and a connect section with a mini terminal panel (also this hehe).
On the polish side: scroll reveal animations, a progress bar at the top, smooth scrolling, active nav highlighting, and a slide in mobile drawer menu with a backdrop instead of the old full-screen takeover.
Honestly a fun build, lots of small details that make the whole thing feel intentional. Still a work in progress, but it’s live

HAPPY CODING

HELLO THERE!
Had a really fun session working on TYPEX today. I shipped two new features that I think make the app a lot more useful! ( they took me lot of time and effort )

The first one is a key accuracy heatmap. It tracks which keys you miss most across all your tests and draws a colour-coded keyboard in the Stats tab, green for keys you’re nailing, amber for shaky ones, red for your problem keys. It even calls out your worst key and gives you a tip on the finger movement. Took a few tries to get the layout looking clean but I’m happy with where it landed.

The second is a daily challenge. Every day there’s one text and you get 90 seconds to type it. Your streak builds up the more consecutive days you complete it that’s how you improve :)

Excited to keep building on this. Next up I’m thinking a ghost race mode where you race your own best run, and maybe an XP system. Stay tuned! and HAPPY CODING!

HEY THERE AGAIN!
still working on TYPEX haha, I tried to improve it in general and I added a new cool feature: SHARE A DOWNLOADABLE PICTURE OF YOUR RESULT!

I used the JSZip library for this, and it was cool since it’s my first time know a js library like this
after downloading the zip file, and extracting it, you can play the game offline on your device and why not improve it’s code, it’s an open-source project :)

HAPPY CODING!

Building TYPEX v2 further into a portable tool, I just added a feature that allows users to download the entire interface as a single, compressed ZIP file.

by automating the bundling of the HTML, neo-noir CSS, and the core JavaScript engine, I’ve made the terminal experience fully offline capable!

This move ensures that the “system boot” sequence and particle-driven typing environment remain accessible anywhere, reinforcing the project’s identity as a self contained, high-performance developer utility

HAPPY CODING

Started with a solid typing speed app and spent the session leveling it up across the board.
✦ Live WPM Graph YAY!!
Added a real time canvas graph that renders inside the arena while you type updates every second, shows your speed curve as it happens
✦ Mobile Experience:
Typing on phone was broken., tryed to fix it with a hidden input that captures the keyboard, made the HUD a proper grid so it never wraps, and made all chip groups horizontally scrollable. Tap targets got bigger too.
✦ Design Polish
Kept the neo-noir terminal vibe but elevated everything — CRT corner brackets on HUD cards, animated accent sweep on the arena when typing, diagonal shine on buttons, corner-cut logo bevel, deeper shadows throughout.
✦ Light Mode Redesign
The old light mode was just a cold blue-grey inversion — looked bad. Rebuilt it from scratch as a warm parchment theme with ink-dark text and a proper deep forest green replacing the neon acid.
✦ Focus Mode
New fullscreen mode (press F or the square button in the top) that strips everything away … just the words, stats, and graph. Clean, distraction-free. ESC to exit. Fixed several bugs where backspace and typing weren’t syncing correctly between the main view and focus view.
✦ PWA Offline & Installable ( I tried but sometimes it doesn’t work ;-; ) Progressive web app ig

HAPPY CODING :)

I fixed some code, optimization, and stuff
planning for the next big features, ideas and functions
I tried to make the code smaller and the website smoother

TYPEX is getting bigger and planning to make it a downloadable app from the browser, like youtube

TODAY, I BUILT AN AMAZING PROJECT THAT I’M GOING TO USE EVERYDAY!
Building TYPEX v2 (yes I built v1 you can check it on my github) was an exercise in merging high performance utility with a specific neo-noir terminal aesthetic (I LOVE IT :) I focused on creating a typing interface that feels like a piece of high tech equipment, integrating a custom canvas based particle system for tactile feedback and a “system boot” loading sequence to handle asset initialization smoothly, I enjoyed styling this project and claude helped a lot hahaha, by balancing pure JavaScript logic for real-time WPM tracking with heavy CSS animations and scanline effects, I managed to ship a tool that transforms a standard speed test into an immersive, cyberpunk experience!

while coding I faced a probelm with the live server extention on vscode, lol I was doing everything and not seeing any result on the browser!

Finally, I completed and shipped a project that I am proud of!
As always HAPPY CODING!

Built my personal portfolio using HTML, CSS, and JavaScript!
The concept was simple ,make it feel like a real operating system booting up. Every time you open the site, you get a boot screen with scrolling system logs and a progress bar before the page loads in. from there, floating squares drift across the background and a custom cursor trails your mouse
The terminal widget in the connect section is fully interactive you can type commands like about, skills, projects, or whoami and get real responses ,It even has command history with arrow keys and TAB autocomplete :)
Dark and light mode are both fully supported, The light mode took the most polish getting the navbar background to render consistently across browsers was the trickiest bug to squash hhh
// ———––
while(age++ < life.length) ++knowledge;
// ———––

recently I’ve been working on our highschool club website (it’s in french btw)

• The Goal: Needed a home base for our school’s Science Club to share meeting notes and upcoming events.
• The Build: Decided to go with Vanilla JS instead of a framework to keep it lightweight and fast.
• Biggest Challenge: Making the navigation bar fully responsive and “hamburger” style without using a library like Bootstrap. It took some CSS Grid and media query magic, but it’s now buttery smooth.

it was a great experience building this project and I learned a lot from it as always :)
Happy coding!

MY GAME IS FINISHED!
that’s tbh one of my fav html css js projects and I REALLY WORKED HARD ON IT even with school pressure :)
I learned a lot as always and still expanding my skills…
I tried to make the TIC TAC TOE project simple, cool and friendly, you can play and compete with your friends a show them who’s the goat of tic tac toe :))

I REALLY HOPE YOU LIKE IT and finally…
– HAPPY CODING! –

JavaScript’s power started showing its magic!
I implemented some functions to shape the game’s logic and starting the real work
I’m still a beginner in JS but I’m improving and that’s just the beginning :)

I just started working on a new project, can you guess what it is from the pic? … it’s a TIC TAC TOE game! here is what I started with:

• I created the basic files: index.html , style.css and script.js
• I started with the HTML structure
• I designed the game with my basic css skills :)
• I’m starting to code the logic of the game using JS !

Hello everyone! I’m excited to explain what’s new and how my Dino Dash game came to be after finishing it.

What does this version contain?

• The smooth jumping physics was finally perfected by Jumping Dino.

• Cactus Madness: Like real life, the game is unpredictable due to randomly appearing obstacles.

• Score system ‘FINALLY :))’ : You’ve been rewarded for your survival abilities! As you race ahead, the score continues rising.

• at first the collisions were in a shape of a rectangle, but now collisions have no more unjust deaths the dinosaur only perishes if you come into contact with the cactus

• Press space to immediately resume gameplay once a game has ended!
  BEST PART:

• Sound & music: Added epic background music and a satisfying jump sound. now your ears have fun too :)

Game complete: Everything works smoothly whether it’s jump, score, and survive. You can finally call this a full game!!

Behind the Scenes 🛠️

• Hitboxes were a nightmare 😅. The first versions had me dying without even touching cacti
• Adding music & sounds made the game feel alive

OUR PROJECT IS GROWING!!
In this update, I added cactus obstacles to the game, which finally makes it feel like a real endless runner. the obstacles now spawn and move toward the player, and the core challenge loop is starting to feel solid

overall: adding some cactus to the game and fixing some bugs

#I LEARNED A LOT!

here is what I did :

• I added some code on script.js file, coding with JS feels amazing lol
• I worked on the css file and built the html structure

I just started working on a new project a browser endless runner inspired by the Chrome offline dino game. this time I’m building it using HTML, CSS, and JavaScript from scratch!

I’ve officially finished Cotti the Knight. This started as my first real game dev experiment, and now it’s a complete playable 2D platformer!

For the last stretch, I focused on polish and stability:

• Fixed bugs and edge cases
• Refined movement and gameplay feel
• Balanced scoring and interactions
• Made sure sounds, mechanics, and UI all worked together smoothly

I’m so proud

Since the last devlog, I made solid progress on Cotti the Knight, and the game is finally starting to feel like an actual game instead of just a moving character.

What I added:
In this phase, I focused on adding core game features:

• New functions to better organize the game logic
• Sound effects for actions (which instantly made the game feel more alive)
• A score system

Adding sounds was a big moment (really) everything felt way more responsive and satisfying once audio was involved :)

What I learned is here:

• Why functions matter for keeping code readable and manageable
• how different systems (player, score, sound) interact with each other
• That adding “small” features often requires more logic than expected

I’m starting to think more like a real dev instead of just writing random code until it works!
I hope u like it :)

I just joined and started my first real game dev project which is Cotti the Knight, a 2D platformer. This is my first time actually committing to making a game instead of just messing around :), so everything here is very new to me.

The idea is simple : you play as a knight navigating a 2D world with platforms, obstacles, and eventually enemies. Nothing crazy yet—but that’s kind of the point. I wanted to start small and actually finish something.

What I worked on:
For this first stage, I focused on the absolute basics like

• Setting up the project and game window
• Creating a player character
• Implementing movement (left, right, jumping)
• Basic gravity and collision with the ground/platforms
  Just getting the character to move and feel like a platformer already took more effort than I expected even while having help from yt tutos :)

I’m working on my first project! It’s a game. This is so exciting. I can’t wait to share more updates as I build and learn new things every day.