Developer fixes OCR failures on photos by correcting EXIF rotation before text recognition

·11 views

A developer running a browser-based image-to-text tool found that photos of product bottles, such as a sunscreen and a cologne, produced garbled output despite clean results on screenshots. The cause turned out to be phone cameras storing rotation in EXIF metadata rather than rotating the pixels, so the OCR engine was reading sideways text. The fix decodes images with orientation applied and draws them to a canvas before recognition, which also lets users preview what the engine sees. For photos with no orientation tag, the tool tests four rotations on a small copy and picks the most confident one. Low-contrast light-on-dark label text remained a problem, which the developer addressed with additional preprocessed image variants.

Read the full story at DEV Community

This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)

osFoundry keeps resident Claude Code sessions cache-friendly during busy channels

osFoundry's Message channel feature lets a long-running Claude Code session stay responsive to repeated mentions without re-sending everything each turn. The desktop app keeps a live agent process per channel and binding, and only the newest user turn is sent to an already-warm process. Cold or restored sessions receive the full framing and replayed history instead. Channel context shows at most twelve recent unseen messages, truncated at 600 characters and tracked by a per-session watermark. A simulation, since the Claude binary is not installed on the author's Mac, is used to estimate the savings in cache-friendly prompt size.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Day 28 of React Learning: useContext, React Router, and Navigation Basics

The author explains how useContext lets components share data without passing props through every intermediate layer, avoiding props drilling. They describe React Router as a tool that displays the correct component based on the current URL, enabling page navigation without reloading the site. BrowserRouter is presented as managing browser navigation, while Routes and Route connect URL paths to specific components via the element prop. The post also covers Link for declarative navigation and the useNavigate hook for programmatic navigation, such as redirecting to /home after a button click. A comparison of Link and useNavigate concludes the learning notes.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Lévis startup MilhommeSI builds French-Quebec AI phone assistant for local SMEs

Alexandre Milhomme founded MilhommeSI in Lévis in 2026 and is building a product for small and medium businesses across Quebec. He argues that starting with local firms on the South Shore gives him context on seasonal call patterns and more candid feedback from business owners. The first version of the AI secretary, named Sarah, handles 24/7 phone answering in natural Quebec French, answers frequent questions, takes contact details, books appointments and sends follow-ups by text and email. Milhomme says the team is deliberately limiting early features so that testing stays focused on core functions, and he plans to document the product's development in future installments.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Finding and Fixing Memory Leaks in JavaScript and React Apps

A developer describes how a steadily climbing memory graph in DevTools revealed a leak that slowly degraded their app's performance. Memory leaks occur when forgotten references stop the garbage collector from freeing objects, and the usual culprits are unremoved event listeners, uncleared timers, fetches resolving after unmount, detached DOM nodes, unbounded caches, and third-party instances that are never destroyed. The article recommends a quick check using the Performance monitor's JS heap size to spot sustained growth. It then outlines a deeper workflow using heap snapshot comparisons, detached-node filtering, allocation sampling, and the React DevTools Profiler to identify components that mount and unmount excessively.

0 comments Read more at DEV Community