Frontend Developer | React • TypeScript • Next.js
I'm a 𝗙𝗿𝗼𝗻𝘁-𝗘𝗻𝗱 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿 specializing in 𝙍𝙚𝙖𝙘𝙩, 𝙏𝙮𝙥𝙚𝙎𝙘𝙧𝙞𝙥𝙩 and 𝙉𝙚𝙭𝙩.𝙟𝙨. My current interests include 𝙉𝙤𝙙𝙚.𝙟𝙨, 𝙀𝙭𝙥𝙧𝙚𝙨𝙨, 𝙋𝙤𝙨𝙩𝙜𝙧𝙚𝙎𝙌𝙇 and 𝙑𝙞𝙩𝙚𝙨𝙩.
Built and deployed ShadowSpeak, an ESL shadowing platform actively used by a teacher and students in South Korea.
Portfolio: Ivan Rebolledo
 React |
 TypeScript |
 JavaScript |
 Next.js |
Tech Stack: 𝙏𝙮𝙥𝙚𝙎𝙘𝙧𝙞𝙥𝙩, 𝙍𝙚𝙖𝙘𝙩, 𝙈𝙖𝙩𝙚𝙧𝙞𝙖𝙡 𝙐𝙄, 𝘼𝙭𝙞𝙤𝙨
Stock tracker with dual API integration (Finnhub for real-time quotes, Alpha Vantage for historical data). Built smart caching quotes refresh every 15 minutes, historical data daily. Transforms raw daily data into weekly and monthly averages for trend charts. Debounced search prevents API spam, recently viewed stocks load from cache instantly.
Live Site: https://typescriptstocks.netlify.app/
Case Study: https://www.ivanrebolledo.dev/projects/stocks
Tech Stack: 𝗥𝗲𝗮𝗰𝘁, 𝗡𝗲𝘅𝘁.𝗷𝘀, 𝗧𝘆𝗽𝗲𝗦𝗰𝗿𝗶𝗽𝘁, 𝗘𝘅𝗽𝗿𝗲𝘀𝘀, 𝗣𝗼𝘀𝘁𝗴𝗿𝗲𝗦𝗤𝗟, 𝗔𝘇𝘂𝗿𝗲 𝗕𝗹𝗼𝗯 𝗦𝘁𝗼𝗿𝗮𝗴𝗲
ESL shadowing platform built with Next.js and TypeScript. Implemented browser-based audio recording (MediaRecorder API), custom YouTube segment looping via 100ms polling (YouTube API doesn't support this natively) and role-based teacher/student UI flows. Integrated with PostgreSQL backend, Azure Blob Storage, and JWT authentication.
Live Site: https://shadowing-app-spec.vercel.app/
Tech Stack: 𝙏𝙮𝙥𝙚𝙎𝙘𝙧𝙞𝙥𝙩, 𝙍𝙚𝙖𝙘𝙩, 𝙏𝙖𝙞𝙡𝙬𝙞𝙣𝙙 𝘾𝙎𝙎, 𝙈𝙖𝙩𝙚𝙧𝙞𝙖𝙡 𝙐𝙄, 𝙁𝙪𝙨𝙚.𝙟𝙨, 𝙍𝙚𝙖𝙘𝙩 𝙍𝙤𝙪𝙩𝙚𝙧
Developer resource hub with intelligent search. Built the search system: Fuse.js fuzzy matching for typo tolerance, keyword expansion that maps "js" to "javascript" and "frontend" to [HTML, CSS, JavaScript, React], plus stopword removal for cleaner results. Implemented localStorage caching with daily invalidation and Set-based deduplication to prevent duplicate results.
Live Site: https://dev-vault-chingu.netlify.app/
Case Study: https://www.ivanrebolledo.dev/projects/devvault
Open to frontend developer opportunities. Reach out if you're hiring.