DevToolBox
- 32 Devlogs
- 72 Total hours
im building a toolbox fr dev that will include various dev tools all at one place
Ship #5
#Devpost #32 this is not much of a big buti was short of 50 stardust so i dont had a plan so added one tool and improved some design for now closing this project with the base rate of 10 per hour i can get 60 thats enough for me
Ship #4
DevPost #31: DevSatchel Update
PDF Merger
The PDF Merger lets you select multiple PDFs and combine them into one file.
- Select multiple PDFs
- Merge them into one
- Simple browser-based interface
I ran into a few issues while handling multiple PDFs and keeping the pages in the correct order, but got it working.
image to Text
The Image to Text tool uses OCR to extract text from images.
Upload Image → Preview → Extract Text → Copy
I kept it simple with just the extracted text and a Copy Text button. OCR works better with clear, high-quality images.
Both tools run directly in the browser, and I’m continuing to add more useful tools to DevSatchel
DevPost #30: DevSatchel Update
Today, I added two new tools to DevToolBox:
- Image to PDF Converter – Convert images into PDF files directly in the browser.
- PDF to JPG Converter – Convert PDF pages into JPG images and download them individually.
I also updated the logo and changed the background to give DevSatchel a fresh new look.
While working on the PDF to JPG converter, I faced a lot of errors, especially with rendering PDF pages and converting them into images. I had to spend time debugging and fixing issues to make the conversion work properly.
Still improving and adding more useful tools. More updates coming soon
DevPost #29: devsatchel Update ### HTML/CSS/JS Playground
A small browser-based coding environment for quickly testing web code.
- HTML, CSS, and JavaScript editors
- Live preview
- Run and Clear buttons
- Isolated JavaScript execution
- Responsive layout
PDF to JPG Converter
A browser-based tool for converting PDF pages into JPG images.
- PDF upload and drag & drop
- Adjustable JPG quality
- Page-by-page preview
- Download individual JPGs
- Download all pages as a ZIP
- Uses PDF.js and JSZip
Both tools run mainly in the browser without requiring a backend for processing.
Devpost #28 : added Image Compressor & Image Resizer
Image Compressor
- Compress JPG, PNG, and WebP images.
- Adjust image quality and preview file size changes.
- Download compressed images.
Image Resizer
- Resize images using custom width and height in pixels.
- Maintain aspect ratio or resize by percentage.
- Added size presets, fit, fill/crop, and stretch modes.
- Choose output format and quality.
Challenges & Learning
I faced some challenges with maintaining image proportions, handling different resize modes, and balancing image quality with file size. I used JavaScript and the Canvas API to process images directly in the browser without external APIs.
DevPost #27: DevSatchel CSS
Added
- Random color palettes generator
- Monochromatic, complementary, analogous, and triadic palettes
- Lock individual colors while generating
- Copy individual colors or the full palette
Improvements
- Fixed errors in the previous tools
- Improved tool functionality and integration
- Fixed some issues found during testing
More improvements coming soon!
DevPost #26: Devsatchel Update
Spent some more time improving project and working on multiple parts of the project.
Added
- Added AES Encryption / Decryption using the Web Crypto API
- more Faster Loading Tool
Improvements & Fixes
- Updated the AI Code Reviewer backend and request handling
- Fixed issues in the HTTP Request Builder
- Improved tool loading and integration
- Fixed bugs found while testing existing tools
- Made some UI and workspace improvements
Ship #3
Devpost #24: Dev Jokes Added
Added a small Dev Jokes section below the Quick Links in DevToolBox!
It fetches a random programming joke using JokeAPI whenever the website is opened or refreshed.
There’s also a New Joke button to get another one without refreshing the page.
Small feature, but it makes the workspace a little more fun while coding!
DevPost: #23 #AI Code Reviewer
I have finally completed the AI Code Reviewer
The AI Code Reviewer uses the Gemini API to review source code based on the specific task selected by the user.
It supports:
- Full Review
- Bug Detection
- Security Review
- Performance Review
- Code Quality
- Readability
- Test Suggestions
The code is sent to my backend through a Netlify Function, which then communicates with the Gemini API.
#DecPost #22: # AI Code Reviewer
Last time I was mostly working on the UI and getting the basic structure in place. This time I started working more on the actual review logic.
I added different review modes so the AI doesn’t just give the same generic review every time:
- Full Review
- Bugs
- Security
- Performance
- Code Quality
- Readability
- Tests
Each mode now has its own specific prompt. So if I choose Bugs the AI should focus on finding bugs and incorrect behavior instead of trying to review everything at once.
I also worked on making the selected review type control what gets sent to the AI.
What’s left
- Connect the actual AI API
- Send the code + selected review type
- Display the AI response
- Add loading and error handling
- Test all the review modes
- Improve the prompts based on the results
- Test with different programming languages
- Clean up anything that breaks during testing
What’s next
Next I’m going to work on connecting the actual AI and finally see how the reviewer performs with real code.
DevPost #21: AI Code Reviewer
I’ve been working on adding an AI Code Reviewer to DevSatchel recently.
The main goal is pretty simple: paste your code, let the AI look through it, and get feedback that actually helps you understand what could be improved.
What I’ve done so far
- Created the AI Code Reviewer tool
- Built the UI and layout
- Added the code input area
- Added the review/results section
- Added the basic review workflow
- Connected it to the DevToolBox tool system
- Finished the initial frontend work
The UI is now in place, so I can actually start working on the part that matters most — the AI review itself.
What’s left
- Connect the AI/API
- Send the user’s code to the AI for review
- Show the feedback properly in the results section
- Make the AI identify bugs and possible issues
- Add suggestions for improving the code
- Support multiple programming languages
- Add proper loading/error handling
- Test it with different types of code
- Clean up anything that feels rough after testing
What I’m doing next
My next step is connecting the actual AI backend.
Once that’s working, I’ll test it with real code and see how useful the reviews actually are. From there I’ll probably spend more time improving the prompts, handling different languages, and making the feedback easier to understand.
The frontend part is mostly there now. Now it’s time to make the AI actually do the work.
DevPost #20: Starting AI Code Reviewer starting a new project yesterday i got busy and coudnt code much did 12m but my streak is broken and im busy today also so strying to do a devpost now not much for now # Ai Code Reviwer is a tool that will be reviewing your code in diffrent terms like bug security and much more i will be using API of a chatbot and only leave few section that will allow user to review their code
Ship #2
DevPost #19: one of the hardest and challenging tool i have ever worked i would have created a new project here for thisbut i added this most of time im just reding documentation atching fixes and tool little course to make this tol working properly HTTP Request BuilderIt can create and send GET, POST, PUT, PATCH, and DELETE requests, add parameters and headers, view responses, and generate JavaScript, cURL, and Python code. The main challenges were fixing JavaScript errors, handling URL parameters correctly, and dealing with browser CORS restrictions.
DevPost #18: Finally fixed the hash geneatpor error it took over a hour this tiime and also have done some changes in the main style.css for a better ui working in this for a quite long also now i am thinking o add more tools lets see what gets me their
DevPost #17: Asimple and functional tool Password generator was added and now after i implement the css design i will work on the qrcode generator and i have found a simple guide for this an di think it will aslo work as intended i have watched some guide for this and it is looking grate fr now need to implement it to main now
DevPost #16: currently i have been updating all tools css and also added the uuid generator but mainly im focused on improving css of whole site . After i finish this im resuming the password Generator section.
DevPost #15: Currently working on the improvement of whole ui and adding new features im thinking to add more featiures like quicklinks where i will add 100+ other tools that will have link toother website
DevPost #14: the toolboox is looking too dull and many have suggested me to imprve my css and the ui is very boring so im trying to add css in my website with my own toolbox gradient generator and im also using my own toolbox color conveter to add some colores here hope everyone will like my new design
Devpost #13: In my recent ship rating i got suggestion that if we could add no of items it would be grate so i have implemented it i have additionally added a section to enter number of items and a generate button and its working perfectly
DevPost #12 : From the recent revire from my ship over 5 out of 12 peope have suggested me too fix the css loading its taking time so now i have Improved the tool loading system by preloading the tool CSS and making sure the CSS loads before the tool is displayed also fixed up the JavaScript loading to minimze the loading time
DevPost #11 : First Of all m ship was approved thats nice and after that i have restarted my project worked in the url encoder and jwt decoder section i have a lot of problem in the jwt decoder because i dont even knoe properly to use this so i took help from other creators online used their method and isea for this and implemented my toolbox design in it .
This project was vetted by Shipwrights and is now up for voting. You can ship again after making more updates.
Feedback
Hey Prajwol_Gynawali,
Awesome project! I'd love to see what you make in the future!
For any other questions, DM @Carlson Huang or create a ticket in Slack—#ask-the-shipwrights.
Shipwright walkthrough
DevPost #10 this is my final devpost until my previous ship is approved . i woudnt do this but i need some work to do in base64 that wasnt working properly so did some fixes their and now closing it until previous ship is approved
This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.
Feedback
Hiya,
Nice project, however it seems that you've used more than 30% AI usage within this project, please get your AI usage below 30%. For example by rewriting the AI parts of your project.
Awesome project anyway! I'd love to see how this turns out!
For any other questions, create a ticket in Slack—#ask-the-shipwrights.
Shipwright walkthrough
DevPost #9 : recently got a lot of troublee when shipping my project so ciudnt work properly for previous day still i have now added Base64 Encoder/Decoder you can now encode and decode base64 text and also recently i have finished the url encoder where you can encode the url or decode the given url these are some tools that i have never used but got suggestion to add so i ahve added them
This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.
Feedback
Hello,
Your AI declaration is.... AI-generated.... Please do not do that. Re-write it by hand yourself!
If you have any questions, DM @kaboom or create a ticket in #ask-the-shipwrights
Shipwright walkthrough
This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.
Feedback
This seem cool, however, a lot of feature seems to be not working correctly, and some feature just don't exist at all. Can you fix all these before resubmitting, thank you! (I am aware that you states that only limited amount of tool actually exist, however, to ship the project, the project at least have to be look completed - which mean that I shouldn't stumble upon a large amount of feature not working). You have to implement those features before resubmitting, thank you!
Shipwright walkthrough
This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.
Feedback
Hi Prajwol_Gynawali! Your project is really cool but it doesn't work completely :( Could you fix this and reship after ?
If you have any questions, ask them in #ask-the-shipwrights
Shipwright walkthrough
This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.
Feedback
Hey there! Your project is really cool, but unfortunately, we cannot accept it this time
Your readme seems a little too AI written? Please add more details on how and why you made the projects, include its features etc. on your own
Shipwright walkthrough
This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.
Feedback
Hey Prajwol_Gynawali,
You seem to have used a lot of AI in your readme. Please rewrite it yourself, as we would like to see how you worked on the project!
For any other questions, create a ticket in Slack—#ask-the-shipwrights.
Shipwright walkthrough
Ship #1
DevPost #8 : just now figured out that i could ship my project multple time and get reviewed so im shipping my project currently i have 8 tools all working properly added readme and page is live through github pages lets see my first ship
Devpost #7 : added boxshadow and flexbox generator in the CSS secction and finished the css section for now now will be working on encoding
DevPost #6: Added Color Coverter and Gradient generrator with live preview that very good you should checkout that
DevPost #5: added diff checker and fixed the incoming errors fixed css errors
DevPost #4: Added the css for the main page and made sub folders for tools and connected to the main js . currenlty finished 3 tools json formatter , json validator, regex tester. search is working theme is working
DevPost #3 : done the structure thing this is the main design now i will be adding the whole design and then add js also . Can someone help me in the top header section I have a Text DevToolBox in h1 but in screen i have seen DevToolBox! why is this
DevPost #2 : Maing some design an dtesting which design migh tbe good for whole structure . im trying to make a good looking skeliton before writing the actual code
#1 DevPost : Started to make a Toolbox for devs got a lot of errors in like first 5 min like coudnt connect the git togithub a lot o fproblem thanks to vscode agent and chatgpt they helpedme to fix the error
