finally finished adding paints in the os its a basic paints where you can draaw erse and simple thing
Ship
#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
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
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
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
Loading more…