Reincarnating a Decade-Old jQuery Project
The article discusses the revival of a decade-old jQuery project, a burger builder initially created in 2015. The author rebuilt the project using modern technologies like TypeScript and GSAP, significantly reducing the code complexity. The new version enhances the user experience with improved graphics and animations while preserving the original functionality.
- ▪The original project was built with jQuery and consisted of 1244 lines of code across five files.
- ▪The author replaced a 780-line jQuery plugin with approximately 50 lines of trigonometric calculations for the radial menu.
- ▪The rebuilt project features enhanced graphics, including gradients and animations, to improve the visual appeal.
Opening excerpt (first ~120 words) tap to expand
try { if(localStorage) { let currentUser = localStorage.getItem('current_user'); if (currentUser) { currentUser = JSON.parse(currentUser); if (currentUser.id === 2577823) { document.getElementById('article-show-container').classList.add('current-user-is-article-author'); } } } } catch (e) { console.error(e); } Ivan Mykhavko Posted on May 17 Reincarnating a Decade-Old jQuery Project #javascript #vue #typescript #refactoring Cleaning my old drive, I found burger.zip dated 2015. Inside: one of my first paid web gigs, a burger builder for a Swiss client. Radial menu of ingredients, click one, it flies onto a bun, price ticks up in CHF. jQuery 1.7. I had to give it a second life. Before (2015, jQuery) After (2026, TS + GSAP) What Happened The original was 1244 lines across five files.
…
Excerpt limited to ~120 words for fair-use compliance. The full article is at DEV.to (Top).
Discussion
0 commentsMore from DEV.to (Top)
