KaZeTab

KaZeTab

10 devlogs
16h
Created by bheemaraya b

a browser Extension where users can change background of the new tab with their choice of image/wallpaper with ton of feature

Timeline

Earned sticker

Made some ui changes, started to use bootstrap again :), but now directly downloaded the Compiled Css and Js zip(from bootstrap site) and added the css file in local to avoid using remote code execution, improved settings page added borders, instead of using check box used the switch from bootstrap to make it modern, changed the position of search bar to make new tab better.

Update attachment
Earned sticker

Updated the search bar and button to be a somewhat transparent to background image(used a bit of ai for styling:( ), changed position of these for better look of wallpaper, updated manifest file such that only usable things are kept in permissions because i was going to publish this to chrome store, updated searching for better functionality.

Found that error, it's because of styling i have made the search div position: absolute so that is the main reason for the problem so made the position: relative this works fine.
Had to use bootstrap again cause i am not good at css and now newtab def feels good
implemented search functionality this feels smoothhh..

Trying to implement search functionality, so that user's can easily browse internet. but idk why it's not working i am not able to type input need to debug this and i know need to improve styling and all

Update attachment

Found that error!, that was because i had configured the extension to work on all the url's user visits(<all_urls>), that's why the extension is trying change the background of every page user visits! couldn't devlog because som was down so i continued the development.
Implemented change the wallpaper when user clicks on change wallpaper on the popup of extension.

(and sorry for the watermark in de)

Earned sticker

yay!, successfully able to change the background of the new tab with any type of wallpaper user selects or types a genre.
also got so much errors as am new to extension development:(
like had to make the settings page appear in new separate page cause of restrictions made by chrome. updated manifest.json, added new js files added new newtab.html/newtab.js which will help to change background of chrome://newtab.
Also getting errors on other pages(see devlog) need to look into that too!

Updated UI with required things for now to test with some JavaScript, next need to right JavaScript logic for getting wallpaper and setting it to tab.

Update attachment
Earned sticker

Caught the problem that is because of bootstrap so had to remove it and shifted to normal css, added js to settings such that it should get dynamic based on the option user selects!, next need complete settings page options and add js, styling.

Update attachment

Added a settings svg btn, which will redirect to settings page where users can add/update their settings about the wallpaper, getting some errors and idk why i am getting that kinda screen on every other website ( see devlog) when turning on my extension need to resolve it!. I guess i found the solution need to update manifest.json and popup.html.

Earned sticker

Understood the basics of making a browser extension, made a manifest.json which contains details of the extension like name/version and all.
Connected manifest.json with html and default_popup: popup.html
so this will be shown when users clicks on the extension, see the Devlog image.
added some content in popup.html, added some styling to it via css changed font.

Update attachment