Toy Projects | eecczz's page

Streaming API

Sun, 12 Jul 2026 00:00:00 +0000

BACKEND · AI · SYSTEM CASE STUDY

A streaming service connecting a React browsing and playback UI with Spring Boot, AWS S3, Lambda, and MediaConvert.

Role Personal project · upload, media pipeline, post API, playback UIValidation Large-file upload and HLS playback tests

Key Screens

Troubleshooting

1. Uploading and converting large videos through the Spring server held requests for too long

The browser uploads raw video to S3, then an S3 trigger invokes Lambda and MediaConvert for transcoding. The application manages metadata and lifecycle states instead of carrying the raw file through the API server.

2. Large browser uploads were blocked even after AWS had been configured

The failure was server-side CORS. WebConfig permits the browser origin and maps /files/** to the runtime upload directory so post-upload resources are served from the files actually written by the controller.

3. A raw video file still needed to appear as a searchable post

The post record stores title, author, description, and videoUrl as metadata. The playback screen resolves the media through that URL without storing the video binary in the database.

Technology Choices

Technology	Why it was used
React	For content discovery, upload, and playback interactions.
Spring Boot	For post metadata, API boundaries, and upload lifecycle handling.
S3 · Lambda · MediaConvert	To separate large-file transfer and transcoding from the application server.
HLS	To deliver converted video segments for browser playback.

System Flow

The client obtains an upload target and sends raw media to S3.
S3 triggers Lambda and MediaConvert to create HLS output.
Spring Boot persists the post metadata and result URL.
The library and player load metadata first, then resolve media at playback.

Next Implementation Plan

Add queue-backed conversion status and retry visibility.
Collect playback, conversion, and storage-cost metrics.

Job API Project

Wed, 01 Jul 2026 00:00:00 +0000

Job API Project is a Spring Boot REST API project that crawls Saramin job postings, stores them in MariaDB, and exposes search/filter APIs for the saved listings. Beyond basic CRUD, it covers real job-posting collection, conditional search, application/bookmark flows, and JWT-based authentication.

The crawler extracts company name, posting title, location, experience, education, employment type, deadline, tech stack, salary, and source URL from Saramin search results. Duplicate postings are filtered by URL before saving, and the /jobs endpoint supports keyword, company, position, sector, location, experience, salary, sorting, and pagination parameters.

Tech stack: Java, Spring Boot, Spring Web, Spring Data JPA, Querydsl, MariaDB, JWT, Gradle, Jsoup
Implementation focus: Saramin crawling, job search/filtering, applications, bookmarks, authentication and authorization flow
Repository: eecczz/jobAPI

Key Implementation Points

Job Listing Screen

The listing screen shows crawled job postings with searchable filters for location, experience, salary, tech stack, and deadline. Each row presents company, location, experience, salary, stack, and an apply action.

Search API Implementation

The GET /jobs endpoint accepts query parameters such as keyword, location, sector, and sort order, builds Specification-based filters, and returns a response map with jobPostings, sortOrder, and pagenum. This image is based on the actual controller implementation rather than a Postman mock.

Saramin Crawl Dump

The POST /jobs/crawl flow collects Saramin search results page by page, extracts posting fields with Jsoup selectors, skips duplicate source URLs, and saves the remaining postings to MariaDB.

MetaXR Project

Wed, 01 Jul 2026 00:00:00 +0000

A Unity XR action prototype using Meta/XR device input for tactile combat, monster encounters, and escape flow.

Tech focus: implementation, interaction design, backend/API structure, and project delivery
Repository or reference: https://github.com/eecczz/MetaXR-Project

Key Implementation Points

XR Combat Input

Mapped controller movement to attack and defense interactions.

Close Interaction

Composed close-range action scenes where the player faces monsters directly.

Unity Prototype

Validated XR input, collision, and monster reactions in a fast action prototype.

My 3D Horror Game

Wed, 01 Jul 2026 00:00:00 +0000

A Unity 3D horror prototype experimenting with first-person exploration, tense atmosphere, pursuit flow, and simple interactions.

Tech focus: implementation, interaction design, backend/API structure, and project delivery
Repository or reference: https://github.com/eecczz/my3dhorrorgame

Key Implementation Points

First-person Encounter

This in-game scene shows the first-person exploration flow and the enemy encounter staged in a narrow hospital corridor.

My Movie Web

Wed, 01 Jul 2026 00:00:00 +0000

A React web application using the TMDb API for movie search, popular movie browsing, wishlist management, filtering, and sorting.

Tech focus: implementation, interaction design, backend/API structure, and project delivery
Repository or reference: https://github.com/eecczz/my-movie-web

Key Implementation Points

Movie Discovery UI

Organized popular and top-rated movies around poster-focused browsing.

Search and Filtering

Built a flow for searching, sorting, and filtering TMDb API results.

Wishlist

Implemented a client-side state flow for saving and revisiting favorite movies.

Restaurant ReAct Agent

Wed, 01 Jul 2026 00:00:00 +0000

A FastAPI-based AI agent that parses user conditions, calls restaurant search/filtering tools, and generates explainable recommendations.

Tech focus: implementation, interaction design, backend/API structure, and project delivery
Repository or reference: https://github.com/eecczz/restaurant_recommend_agentAI

Key Implementation Points

ReAct Loop

Interprets requests, calls tools, observes results, and generates final recommendations.

Search Tool

Uses Kakao Local API and a sample dataset for regional restaurant search.

Filtering and Recommendation

Reflects price, context, and review conditions to provide explainable recommendations.

Shopping Mall Project

Wed, 01 Jul 2026 00:00:00 +0000

A Spring Boot and MariaDB shopping mall demo covering product browsing, cart, purchase, and payment verification flows.

Tech focus: implementation, interaction design, backend/API structure, and project delivery
Repository or reference: https://github.com/eecczz/shoppingmall-springboot

Key Implementation Points

Product List

Implemented the basic shopping flow from product list to cart and purchase pages.

Cart Flow

Handled quantity updates, total price calculation, and checkout entry.

Connected cart and payment flows to a session-based authentication screen.

Sports Analysis AI

Wed, 01 Jul 2026 00:00:00 +0000

A Next.js + FastAPI MVP that selects YouTube sports clips and streams AI-based motion analysis.

Tech focus: implementation, interaction design, backend/API structure, and project delivery
Repository or reference: https://github.com/eecczz/sports-analyzer

Key Implementation Points

Clip Selection

Lets users choose the segment to analyze and extracts only that portion server-side.

AI Analysis Streaming

Streams analysis results from FastAPI with SSE.

Provider Switching

Designed an analysis pipeline that can switch between Gemini/Kimi model providers.

Wii Swordplay Remake

Wed, 01 Jul 2026 00:00:00 +0000

A Unity project recreating Wii Sports Resort swordplay controls and hit feedback for a PC/WebGL environment.

Tech focus: implementation, interaction design, backend/API structure, and project delivery
Repository or reference: https://github.com/eecczz/swordplay

Key Implementation Points

Sword Controls

Converted mouse input into sword rotation and position for a direct swinging feel.

Hit Reaction

Strengthened impact feedback with a self-balancing recovery flow.

Wii-like Shader

Used simple colors, low gloss, and outline-like styling to echo the original visual tone.

Toy Projects | eecczz's page

Streaming API

Key Screens

Troubleshooting

1. Uploading and converting large videos through the Spring server held requests for too long

2. Large browser uploads were blocked even after AWS had been configured

3. A raw video file still needed to appear as a searchable post

Technology Choices

System Flow

Next Implementation Plan

Job API Project

Key Implementation Points

Job Listing Screen

Search API Implementation

Saramin Crawl Dump

MetaXR Project

Key Implementation Points

XR Combat Input

Close Interaction

Unity Prototype

My 3D Horror Game

Key Implementation Points

First-person Encounter

My Movie Web

Key Implementation Points

Movie Discovery UI

Search and Filtering

Wishlist

Restaurant ReAct Agent

Key Implementation Points

ReAct Loop

Search Tool

Filtering and Recommendation

Shopping Mall Project

Key Implementation Points

Product List

Cart Flow

Login Screen

Sports Analysis AI

Key Implementation Points

Clip Selection

AI Analysis Streaming

Provider Switching

Wii Swordplay Remake

Key Implementation Points

Sword Controls

Hit Reaction

Wii-like Shader