Frontend Developer | React โข TypeScript โข Next.js
I'm a ๐๐ฟ๐ผ๐ป๐-๐๐ป๐ฑ ๐๐ฒ๐๐ฒ๐น๐ผ๐ฝ๐ฒ๐ฟ specializing in ๐๐๐๐๐ฉ, ๐๐ฎ๐ฅ๐๐๐๐ง๐๐ฅ๐ฉ and ๐๐๐ญ๐ฉ.๐๐จ. My current interests include ๐๐ค๐๐.๐๐จ, ๐๐ญ๐ฅ๐ง๐๐จ๐จ, ๐๐ค๐จ๐ฉ๐๐ง๐๐๐๐ and ๐๐๐ฉ๐๐จ๐ฉ.
Currently building an ESL shadowing app for language learning and planning additional educational tools. Available for new projects and opportunities.
Portfolio: Ivan Rebolledo
|
React |
TypeScript |
|
JavaScript |
Next.js |
Tech Stack: ๐ฅ๐ฒ๐ฎ๐ฐ๐, ๐ก๐ฒ๐ ๐.๐ท๐, ๐ง๐๐ฝ๐ฒ๐ฆ๐ฐ๐ฟ๐ถ๐ฝ๐, ๐๐ ๐ฝ๐ฟ๐ฒ๐๐, ๐ฃ๐ผ๐๐๐ด๐ฟ๐ฒ๐ฆ๐ค๐, ๐๐๐๐ฟ๐ฒ ๐๐น๐ผ๐ฏ ๐ฆ๐๐ผ๐ฟ๐ฎ๐ด๐ฒ
Full-stack ESL platform with browser-based audio recording (MediaRecorder API), YouTube segment looping via custom 100ms polling (YouTube API doesn't support this natively), and Azure Blob Storage integration. Built JWT authentication with role-based access control, teachers create lessons and review submissions, students record and submit. PostgreSQL with proper foreign keys and cascade deletes.
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

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

Open to frontend developer opportunities. Reach out if you're hiring.





