Person peeking from behind a laptop
Available for new projects

안녕하세요
성장하고 있는 프론트엔드 개발자 김유진입니다.

Real-world Results

Project

see how I transfromed concepts into engaging digital experiences

project 1

포켓몬 도감채우기 게임


  • 이 웹 애플리케이션은 사용자가 간단한 게임을 통해 코인을 획득하고, 모은 코인으로 다양한 등급의 포켓몬 카드를 뽑아 수집할 수 있는 포켓몬 게임입니다. Tailwind CSS를 사용해 빠른 스타일링과 반응형 디자인을 구현하였고, React Query를 통해 API로부터 데이터를 효율적으로 페칭 및 캐싱하여 로딩과 에러 상태를 간결하게 관리하였습니다. 또한, Firebase Authentication과 Firestore를 활용해 별도의 백엔드 서버 없이도 사용자 인증과 데이터 관리를 안정적으로 수행하며, Vercel과의 연동으로 손쉬운 배포 및 환경 변수 관리를 구현했습니다.
포켓몬 도감채우기 게임
project 2

AI 챗봇


  • 이 프로젝트는 Next.js App Router와 TypeScript를 활용하여 구축된 챗봇 시스템입니다. 챗봇은 public/markdown 폴더 내의 Markdown 파일들을 지식 기반으로 활용하여, 사용자 질문에 대해 적절한 답변을 제공합니다. 또한, 챗봇 UI는 비밀번호 인증을 통해 접근이 제한되며, 대화 내역을 브라우저의 로컬 스토리지에 저장하여 세션 내에서 연속적인 대화가 가능하도록 설계되었습니다
AI 챗봇
Driven
Evolving
Ambitious
Curious
Innovative
Friendly
Resilient
Proactive
Enthusiastic
Adaptable
Inspire
Driven
Evolving
Ambitious
Curious
Innovative
Friendly
Resilient
Proactive
Enthusiastic
Adaptable
Inspire

About Me

A Glimpse Into My World

Learn more about who I am, what I do, and what

My profile

My Image

My Toolbox

Explore the technologies and tools

HTML5
CSS
Javascript
Typescript
Next.js
React
Tailwind CSS
StoryBook
HTML5
CSS
Javascript
Typescript
Next.js
React
Tailwind CSS
StoryBook
HTML5
CSS
Javascript
Typescript
Next.js
React
Tailwind CSS
StoryBook
HTML5
CSS
Javascript
Typescript
Next.js
React
Tailwind CSS
StoryBook

Beyond the Code

Explore my interests and hobbies

Cooking🍔
Music🎶
Gaming🎮
Running🏃‍➡️
Movie🎥
map
smile memoji

Let's create something amazing together

If you want to contact me, please click the button.