Skip to content
View ivannissimrch's full-sized avatar

Block or report ivannissimrch

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this userโ€™s behavior. Learn more about reporting abuse.

Report abuse
ivannissimrch/README.md

Frontend Banner

Hi, I'm Ivan Rebolledo

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


Technologies I work with

React
React
TypeScript
TypeScript
JavaScript
JavaScript
Next.js
Next.js

Projects


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 Screen shoot


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/

Screen shoot


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 Screen shoot


Let's Connect

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


Pinned Loading

  1. stockDashBoard stockDashBoard Public

    Stock dashboard Built with ๐—ง๐˜†๐—ฝ๐—ฒ๐—ฆ๐—ฐ๐—ฟ๐—ถ๐—ฝ๐˜, ๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜, ๐— ๐—ฎ๐˜๐—ฒ๐—ฟ๐—ถ๐—ฎ๐—น-๐—จ๐—œ, ๐—ฉ๐—ถ๐˜๐—ฒ. Dual API setup, caching for performance, auto-refresh, time-series charts

    TypeScript 1

  2. shadowing-app shadowing-app Public

    Full-stack ESL app for pronunciation practice through YouTube video shadowing. Built with ๐—ก๐—ฒ๐˜…๐˜.๐—ท๐˜€, ๐—ง๐˜†๐—ฝ๐—ฒ๐—ฆ๐—ฐ๐—ฟ๐—ถ๐—ฝ๐˜, ๐—˜๐˜…๐—ฝ๐—ฟ๐—ฒ๐˜€๐˜€, ๐—ฃ๐—ผ๐˜€๐˜๐—ด๐—ฟ๐—ฒ๐—ฆ๐—ค๐—Ÿ. Authentication system, audio recording, file uploads, Azure integโ€ฆ

    TypeScript 3 2

  3. chingu-resources-helper chingu-resources-helper Public

    Forked from chingu-voyages/V55-tier2-team-24

    4-person agile team project. Built the fuzzy search system, localStorage caching, and state management. Tech Stack: ๐—ง๐˜†๐—ฝ๐—ฒ๐—ฆ๐—ฐ๐—ฟ๐—ถ๐—ฝ๐˜, ๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜, ๐—ง๐—ฎ๐—ถ๐—น๐˜„๐—ถ๐—ป๐—ฑ ๐—–๐—ฆ๐—ฆ, ๐— ๐—ฎ๐˜๐—ฒ๐—ฟ๐—ถ๐—ฎ๐—น ๐—จ๐—œ, ๐—™๐˜‚๐˜€๐—ฒ.๐—ท๐˜€, ๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜ ๐—ฅ๐—ผ๐˜‚๐˜๐—ฒ๐—ฟ

    TypeScript