aneezakiran07

HI!!!
IN this devlog, i again checked all the functionalities and found out that toolbar is just static at the header so i make it sticked to the top regardless of the page position!!!
I just had to add one thing in its css
position: sticky
so, it was easy work, but i found out how dumb i am, i was only testing my website using the first page only TT and didnt thought about adding gifs or stickers in later pages

Note: i added video of the project explaining all the functionalities!!! watch it to find out all the functionalities TT ( but they are so obvious to the users, i dont think so u guys need to hear me yap)

HI!!!
so in this devlog, i debugged the drag n drop feature. I found out that drag and drop isnt working deep down in the page because i was calculating the Y position of updated position wrongly :”)
Spent Hour figuring out whats causing the issue :”) , apart from this, i cleaned my code and tested all the functionalities.
Also, I will decide on new features based on reviews or voting. so suggest me more features please TT

DEBUGGED EDITING FEATURE
HIII!!!
SO in this devlog, I debugged the editing feature :”) SO, clicking a node to edit it would also trigger the global page click handler at the same time, so i stopped that with e.stopPropagation(). ALSO, contentEditable was also not working where the cursor kept jumping to position 0 instead of the end,then i set a Range to fix that. also if someone clicked away without typing anything it would save an empty string, so i just delete the row instead if its blank. none of it was super hard but debugging all of it at once was a little( NOT LITTLE) pain :”)) I ALMOST GAVE UP AND WAS THINKING OF JUST REMOVING THE EDITING FEATURE :”)

GIFS and STICKER INTEGRATION
HIII!!!
SO in this devlog, i integrated the gifs and emojies. For it i also made a table in SUPABASE for stickers and gifs so they updated in real time.
I add a list of emojies in the code(hardcoded) and you can also search it accordingly. I dont use any apis for the emojies and implemented it all in code.
Also, i used api of giphy for gifs, user can now add gifs into the Page. and can also search them. I also added options for gifs user can use to search! like sakura, kawaii and cats(cuz i love cats)
Adding api made life alot easier TT and also giphy apis are free to use, you can also use that to integrate gifs in your project!!!
Also, user can also resize the gifs or stickers!

MORE THEMES + EMOJI PLACEMENT DEVLOG
HII!!!
In this update i did a bunch of theme improvements.
second thing. before there were like 2-4 emojis per theme placed at 6 hardcoded positions (corners and sides). now every theme has 10-12 emojis and they get randomly scattered across 10 positions. I also changed the website background to use the same background/overlay register page was using.
I will keep adding more themes later!!! Sakura is still my fav one tho!!!
Next Update: Writing freely with given pen OR integration of gifs or emojies!!!

THEME INTEGRATION DEVLOG
HII!!!
in this devlog i added japanese-themed page background named SAKURA AND made the add page button.
the theme were the MOST fun part. theme has three layers,
a body background (the color behind the page),
a page style (the actual notebook paper look),
little emoji in the corners.
the theme also sync in realtime across all users through the page_settings table in supabase. so if someone changes the theme everyone sees it instantly.
I will update more themes later on!!!
also spent way too long on fixing the text going outside the page from the right side. TT
Also, added the change font button!!!

HII!!!
in this devlog, i made editing existing text work. It wasn’t working and it took forever to figure out why. turns out there were actually two separate problems happening at the same time which made it extra confusing to debug.
first problem was the RLS policies. the writings table only had SELECT and INSERT policies, which meant update and delete calls were being blocked by Supabase. fixed it by adding two policies in the Supabase dashboard: anyone can update and anyone can delete, both with using (true).
second problem was way more _____. the click handler wasn’t reaching the writing nodes at all. tried React’s onClick, tried onMouseDown, tried native event listeners, nothing worked. eventually added console logs and figured out that e.target.closest(“.writing-node”) was returning null because clicks were landing on the inner text div, not the wrapper. fixed it by switching to e.target.closest(“[data-id]”) which catches clicks anywhere inside the node, and moved everything into a single global document.addEventListener to avoid React’s errors TT

HI!!!
so i built a shared notebook app where multiple people can write on the same page at the same time. it has a notebook with lines and a red margin and a pen. you click anywhere on the canvas and write there.
the first version used a basic input that saved on Enter. I know its annoying because you write alot of thing and forgot to hit enter and all your text is gone
so in next update i will make it so that without hitting enter, it will save your work, and also let user to edit and delete current writings.
Also there’s a color picker and font selector in the toolbar. pretty happy with how it turned out

Hi!!!
In this devlog, i tested all the functionalities once again. I am sure they all are working correctly.
I also have attached the demo video along with my voice explaining all the functionalities!!!
I hope you like my work :”)
Demo Video: https://drive.google.com/file/d/1-grGcqJQ6B3npXZOQ_7ZmkfjFL48aCGl/view?usp=sharing

HI!!!
In this devlog, I added a new Validation & Quality section in the data cleaning pipeline where I implemented five new validators to check emails, clean and standardize phone numbers, correctly parse mixed-format dates, detect and handle outliers, and validate value ranges. This update helped fix many hidden data issues, especially the date parser which now handles almost all common formats., and I also kept the UI consistent with the rest

HII!!
So in this devlog,
I turned the app into an intelligent assistant that actually thinks about your data.
It now scans the dataset, finds problems like duplicates, currency symbols, wrong data types, percentages as text, and missing values, and shows them as simple fix cards.
Each issue comes with a one-click “Fix This” button, and I also added checkboxes in front of AI suggestions so users can select exactly which columns they want to apply fixes to.
Added an “Auto-Fix All Issues” button that runs the full pipeline in the best order and fixes everything at once.
Now beginners can clean data without technical knowledge, while advanced users still have full control.

HI!!!
So , in this devlog, i also added milliseconds tracking on the pomodoro! and I used this extension for weeks to figure out if its working correctly or not. I think, I have added the most of features i could in it!!!
I am glad how it turns out <3

HI!!! In this devlog, I finally got the Buy Now button working! When clicked, it shows an alert dialog asking for confirmation, and on confirming it triggers the SMS logic using SmsManager. Testing on emulator shows SMS failed (emulators can’t send real SMS) but the logic is correct! In this process I learned about AlertDialog.Builder and how SmsManager works.

HI!!!
In this devlog, i made an activity(page) of the product where i add buy now button and product details, buy now button isnt working for now, i will update that in next devlog
in this process, i learned how we pass data from one activity to other activity, also keeping track of ids are headache, i should
be more professional and name them professionally so its easier to remember TT

Hi!!
in this devlog, I made a homepage, i used dummy data to fill in the values of the products. I made a usable product_card.xml and used
it instead of making 4 different cards.
I learned how to use setText and how to find View from its id from XML.
In next part,i will connect this activity to product details activity where user can order then.

HII!!! so i am going to build a simple e-commerce app. Well, I am new to android developement. so I will only be making beginner level stuff in it to enhance my skills.
In this devlog, I explored Android animations (TranslateAnimation, AlphaAnimation), XML layouts with RelativeLayout, and Handler.postDelayed() for timed navigation. And using it i built a splash screen with a sliding truck animation that transitions to HomeActivity after 3 seconds.

HII!!
So in this devlog,
I upgraded the website with a super-smart missing value handler. It now detects all kinds of missing data like “NA”, “?”, -999, and more, then fills them intelligently.
Numeric columns get KNN or MICE imputation depending on dataset size, while categorical columns get mode or “Missing” automatically.
Smart threshold drops columns with too many missing values, and everything can be controlled in the sidebar.
Also added a one-click “Full Pipeline” button that runs all cleaning steps in the best order, with detailed feedback showing exactly what changed.

HII!!
So in this devlog,
I upgraded the app into a smart data transformation system by adding intelligent string cleaning and automatic type detection.
The system now cleans text, detects patterns like currency, percentages, units, durations, and numeric values, and converts them automatically.
smart threshold system prevents wrong conversions, and users can control sensitivity using a settings sidebar.
also added a one-click “Run Basic Pipeline” button and detailed feedback showing exactly what was converted.

HI!!!
SO in this devlog, I improved the data cleaning pipeline with a cleaner UI and a real-time statistics dashboard showing rows, columns, missing cells, duplicates, and data types.
I added a flexible preview slider (5–50 rows), a collapsible column info panel, export options (CSV & Excel), and a reset button to restore the original dataset instantly.

Hi, this is my second devlog on the LectureVault! Today I worked on the main page where you can select images from your gallery to start organizing them. I used the Activity Result API with a launcher bcz old startActivityForResult way is now deprecated. I learned that you have to use EXTRA_ALLOW_MULTIPLE to let the user pick more than one photo at a time.

Next update: letting user make the folders first so it will be easy for my classifier to classify images!!

Hi!!!!
So, this is my last devlog of this project!
In this devlog, I finally added the feature of blocking distraction sites while having the pomodoro Focus Session. Whenever you try to open the distraction sites e.g instagram, Facebook etc, it will block it and take you to page that says KEEP SIZZLING.
Also, user can also add or remove sites that he want to block during focus sessions! This made it easy for users to add anime/series pirated sites that i might have skipped TT.
The blocking system was actually pretty tricky to implement! I had to use Chrome’s content scripts to inject code into every single page you visit. The script runs in the background and constantly checks if you’re in an active focus session. If you are, it matches the current website against your block list using proper domain matching (so it catches instagram.com, www.instagram.com, m.instagram.com - all of them!). The overlay I made is persistent too - even if you try to delete it using inspect element, it respawns every 2 seconds
But here’s the thing - I also added a checkbox in the focus tab that says “Block distraction sites during focus” because I realized not everyone wants this feature all the time! Maybe you’re doing study that requires YouTube Lectures, or maybe you just want the timer without the blocking. So now you can toggle it on/off per session!
I made this for myself mainly! because i wanted a platform that can track my study time and can block distractions during my focus sessions! This project also taught me so much about Chrome extension APIs, content script injection, and state management across multiple contexts.

Also , cooking time is for flavortown!!!!

Hi, This is my first devlog on the LectureVault(might change this name later)
and this is also my first time working on android app development, so i will be learning about it along with doing this project!!! I do know java tho so i hope its easy to learn. I will be using java for this project.
What i learn today:
folder structuring mainly
how to push on android studio(tho i still need more details on this one, will research abt it tommorrow)
XML is for all the layout here , also it gave you cool view of design.
In attached video you can see if we move the design layout , like move the icons in it , then it also changes the code accordingly, no worries abt maintaining x axis and y axis TT
Also, im finding this way more harder than web dev :”)

Hi!!!
So in this devlog, i added a feature that if user try to cheat his way by opening the dev console, then a cheater screen will show up preventing him from opening it.
I added this feature in all 3 levels.
Also , make sure you open this website on tablet or laptop, as i dont have made it responsive on phone as its too much of a chaos!!!
Turn on your volume also!!!

HI!!!
So, i made this website more annoying by adding optical illusion background, and more annoying emojies and colors.
I also changed the css(styling) for all levels!!! I hope you find it irritating!!!
I made all levels beatable so, i hope you also find it playable along with it being irritating
You can play it here
https://website-that-fights-you.vercel.app/
This will be my last devlog of this project, I am not planning for any future update!! but i would love to make a rage game like this again!!!!
Also, my attached video keep getting corrupted on level3!!!!! you can just play it to find it out

HI!!!

so i made the Game Over screen for the project.
It’s supposed to celebrate the player finishing all levels, but of course in the worst UI ever. I added huge flashing, spinning, jittering text that says stuff like “CONGRATULATIONS! YOU ARE A LEGEND!”, “GOAT STATUS UNLOCKED!”, and “AURA FARMING COMPLETE!”. The colors are super annoying(well for me tho)
I also made random fake popups and loading bars appear everywhere. They don’t do anything, just to make the player annoy. Clicking anywhere triggers random sounds and shakes the screen. Some icons and images glitch and flicker too, just to mess with the eyes.
The real “Continue” or “Restart” button is hidden in a corner, so the player has to find it by exploring carefully. It was really fun writing all the animations and random effects.

Here’s the demo link to try it:
https://website-that-fights-you.vercel.app/gameover.html

I think this is the most funny page I have made!!!

Also, for voters:
LINK for level2
https://website-that-fights-you.vercel.app/level2.html
For level3 , you can visit here
https://website-that-fights-you.vercel.app/level3.html

HI!!!

so today i finally made Level 3. This one is crazy messy and full of distractions.

The level is all about confusing the player with fake buttons, popups, clocks, progress bars, and glitching stuff everywhere. Nothing works the way it looks, but every level is still beatable.

I added flying buttons that swap positions when you get close, fake countdown timers, fake loading bars, and even random popup sounds. Clicking the wrong buttons makes the screen shake, and some icons and images flicker around to make you panic.

The actual success button is hidden, and the hint is in the screen. You have to ignore all the distractions, watch carefully, and find it yourself.
I also did some work on Game Over screen, I am reusing my previous components for it. I hope I do this project on time. :)

Here’s the link to try it yourself:
https://website-that-fights-you.vercel.app/level3.html
If you want to play all levels:
https://website-that-fights-you.vercel.app/

HI!!!
so today, i finalized level2, Its abt reading terms and conditions, but if you scroll too fast, you will be redirected to the top, you cant skip or accept the page!!! Only when you complete it, you goto next level (but there is a plot twists in the flying buttons, you can play it and find it out)!!!
I made alot of flying buttons and clocks in it to confuse the user. Since it is for bad UI competition , i made many levels of it showing bad UI, but no worries each level is doable
you can find it out by playing it on link provided below,
I think i should write more details in this devlog about the level, but i want users to find it out by playing , i have put alot of effort and thinking in making it, It was fun writing the logic for whole flow of the level2. I thought abt more difficult and bad ui stuff, but since i want this to be a doable game also , i am not going to make it too difficult.
Note: I used ai to write the terms and conditions. But, if i got time later,i will write my own yap!!!
LINK for level2
https://website-that-fights-you.vercel.app/level2.html
For level1 , you can visit here
https://website-that-fights-you.vercel.app/

HI!!!

so this is my first devlog of this project. So, I have already made Level 1.
Level 1 is basically all about a running button.

Whenever you try to click the button, it runs away. But after SOME TIME (you have to figure it out by paying close attention), the button will be clickable for 1 second (should I make it of even smaller duration?!). And if you click it, you will be redirected to Level 2.

And for your ease, I named it CLICK ME, so you will know when this button will appear.
But best would be if I just make it a random button, which would be so worse.
I’ll think about it later.

Anyways, there is still an issue. There is a race condition in my code. I’m sending an alert anytime the user clicks the screen/button and it’s not time yet, so the screen will send annoying alerts, but it’s not working because of the race condition.

The mouse events are occurring so fast, so I’ll try to fix that. For now, I tried my best to research it, but :”)

So I’ll make Level 2 first and then do this.
Also in the attached video, it took me 5 6 tries to do that :”) , I’m a bit slow :”)
Here’s a vercel link of this project, you guys can try it and tell me how many tries did it take for you?!
If you guys managed to do that, then I will have to make it more tough :”)

https://website-that-fights-you.vercel.app/

HI
Well!!! I renamed my extension to Sizzle: Focus & Habit Time Tracker.
Also renamed the tabs. Focus is now Power Sizzle and Stats is now Hottest Streaks.

Then I submitted my extension to Firefox since it is free of cost. I originally made the extension for Chrome, so yeah, I got a lot of errors in manifest.json. I spent around an hour just figuring out their documentation and fixing the manifest. After that, I also had to change other files like background.js and popup.js. VS Code tracked only 1 hour 29 minutes, but honestly it took me almost 3 hours to understand Firefox docs and then code everything. SIGH!!!

Anyways, once my extension gets approved, I will share the link in the next devlog. My GitHub will also have files that support both Chrome and Firefox. Since manifest.json can only support one browser, I made a manifest-firefox.txt file on GitHub. If anyone needs the Firefox manifest, they can just copy paste that file into the original manifest.json.

I also spent another 20 minutes making the logo. Graphic designing is not my thing, so the logo turned out pretty meh, but I did my best.

Future Update:
I tried adding a 3 beeps sound when a focus session or break ends, but it is not noticeable. I will try to find some free sounds and update it. I also have other features in mind, like blocking distraction sites during a focus session. I will try to add that in the future.

HI!!!
In the last update, I only have made the tabs for the Compare and Records.
But now, I made the Compare and Records tabs fully functional! The Compare tab now actively tracks your progress by comparing your current week’s usage against the last, giving you a percentage breakdown of how much your productivity has increased or your procrastination has dropped.
While the Records tab tracks your current and longest streaks, your best study day, total study time, and total focus sessions. To make the progress visual, I added some logic that assigns a fun “level-up” emoji to your streak: it starts at a sleepy 💤 if you’re just beginning, but as you hit 1, 3, or 7 days, it evolves into a full 🔥🔥🔥 to show YOU ARE DOING GREAT!!!

Next update: I still have to think about what new features I will add!!! But I think a feature for blocking entertainment sites while you are in a focus session would be great. However, I can only block things like Instagram, Facebook, or pirated drama/anime sites lol; I will have to figure it out because I can’t just block YouTube since some people watch lectures there. Also, I mainly made this extension because I couldn’t find any that combined a focus pomodoro with time tracking. Enough with the yapping!!! Have a great day everyone!

Hi
Today, I added the cards for the Leaderboard functionality.
The Leaderboard shows your top 10 websites for the week, plus some champion cards - most frequently visited site, top study site, and top entertainment site. I reused my existing renderThisWeek function to display the top 10, and wrote new logic to track the most frequent site.
For future work, I still need to add the Compare and Records tabs. Compare will show your study time vs entertainment time for this week compared to last week, and tell you if you’re being more or less productive. Records will track stuff like your longest streak, most productive day, and other personal bests.
Note: I know I am naming it as stats for my tab, I tried putting Leader Board there but it takes too much space and look congested so I decided to just write Stats instead :”)
Also, I had to reinstall the extension because of an annoying error, which means all my tracking data got wiped and the timer restarted from zero :”) I should probably add a backup/export feature so this doesn’t happen again!

Spent 1hr 14m making focus pomodoro sessions, user now can set pomodoro timer of any durations for their work, all the focus session time will go into the user study/work time. User will also get long break after 4 sessions.
Also , streak badge will also be shown for focus sessions
Now, i think instead of showing the number of sessions in a day, i should show the time spent in focus sessions per day.
Note: (integrated my previous pomodoro code and make it work with the extension)

Moved the this week and this month time tracked tab in the time travel tab
Time travel tab is basically showing the time one spend on a certain day, week or month.
User can see their past data through time travel tab now
Next Feature:
Integration of the Focus pomodoro timer, all the focus time will be counted as study time

Made a pie chart , that shows the percentage of all the websites you are using.
Also made the stats for the sites in descending sorted order, so user can know the sites they use the most. Also added the month and week section ,where user can see the time they spend this week or month.
Added the study and procrastination cards, user will mark the websites they use for study and for entertainment ,and that data will be updated in respective card.
Upcoming feature:
now i will make new feature where user can find the time spent on specific day, week, or month.

I just finished the UI for my new extension and matched the design to the Flavortown dashboard.. It is a web time tracker that stays on your computer, but I added a special “Cooking Time” feature that specifically tracks how long you spend on flavortown.hackclub.com.
Btw, i really like cute UI of flavortown hack club and want to make websites like this one, i will probably make a focus app next with cute ui. I know my skills aren’t good, but i should try :”)

I setup the manifest.json (the heart of any Chrome extension) and initialized the project environment in VS Code. I also made the GitHub repository to track my progress and began coding the background script to detect when a user switches between tabs.

I’ve built a Streamlit UI that lets you upload a CSV and instantly clean it by dropping duplicate rows/columns and stripping extra spaces from text. User will choose what functions he want to run using the provided buttons. I already pushed the code for these three core functions and added a data preview so you can see the results immediately. For the next session, I’m moving on to removing special characters and fixing missing values.

I spent an hour setting up a Streamlit interface to handle the tedious parts of data cleaning. I wrote three core functions that take any uploaded CSV and automatically fix it: one to strip hidden whitespaces from text, one to drop duplicate rows, and a third to find and remove identical columns. The goal was to make something generic so I don’t have to manually clean files every time I start a new project. It’s simple, fast, and handles the “dirty” data work in one click.

I’m working on my first project! This is so exciting. I can’t wait to share more updates as I build.