김제원의 포트폴리오

background coding image

Hello world!

About

김제원 프로필 사진

김제원 개인 캐릭터 토끼씨 이미지

Projects

Command Survival

Command Survival

개인 프로젝트. AI 텍스트 게임 및 AI 이미지 생성 웹 앱

My work: All works(FE & BE), pc 및 모바일 반응형 UI

Next.js 13TypeScriptMongo DBTailwind CSSNext-AuthReact QueryZustandChatGPT APIDALL·E APISpeechRecognition APIPWA

Trip Match

Trip Match

엘리스 부트캠프 두번째 팀프로젝트. 여행 동행 구인 웹사이트

My work: 팀장, 기획, 로그인 및 회원가입, 좋아요 페이지, 공공 데이터 API, FE

TypeScriptReactReduxStyled ComponentsNode.jsRedisexpressMongo DBSwagger

문어상점

문어상점

엘리스 부트캠프 첫번째 팀프로젝트. 식자재 쇼핑몰 웹사이트

My work: 팀장, 기획, 메인 페이지, 상품 페이지, FE

JavaScriptHTML5CSS3BULMA(CSS FrameWork)

Toy Projects

Next-Chat

Next-Chat

웹소켓 기반의 실시간 채팅 웹 앱

#Tech

Next.js 14, TypeScript, Tailwind CSS, Socket.io, PWA

(구)2023년 포트폴리오

(구)2023년 포트폴리오

이전 버전의 2023년 포트폴리오 웹사이트

#Tech

Next.js 13, TypeScript, Tailwind CSS

wanted-pre-onboarding-frontend

wanted-pre-onboarding-frontend

원티드 프리온보딩 프론트엔드 사전 과제

#Tech

React, TypeScript, Tailwind CSS

드림코딩 instagram 클론

드림코딩 instagram 클론

드림코딩 Next.js 13 강의 중 instagram 클론

#Tech

Next.js 13, TypeScript, Tailwind CSS, swr, Next-Auth, Sanity

드림코딩 blog 클론

드림코딩 blog 클론

드림코딩 Next.js 13 강의 중 blog 클론

#Tech

Next.js 13, TypeScript, Tailwind CSS

드림코딩 note 클론

드림코딩 note 클론

드림코딩 Next.js 13 강의 중 note 클론

#Tech

Next.js 13, TypeScript, Tailwind CSS

Next.js 13 학습용 게시판

Next.js 13 학습용 게시판

Next.js 기능 학습용으로 만든 CRUD 가능한 게시판

#Tech

Next.js 13, TypeScript, Tailwind CSS, Next-Auth, React query, Mongo DB

영화 평점 페이지

영화 평점 페이지

TMDB(영화평가 사이트) api를 사용하여 Next.js 13 페이지 만들어보기

#Tech

Next.js 13

Apple 공식 홈페이지 클론

Apple 공식 홈페이지 클론

앨리스 스터디 팀프로젝트

#Tech

HTML5, CSS3, JavaScript

#My work

스터디장. 메인 페이지

자기소개 페이지

자기소개 페이지

학습용 자기소개 페이지

#Tech

HTML5, CSS3

Skills

카드 접기

카드 펼치기

FramworkLib/ETCLanguage

Choose Skill

Choose Skill

아래의 이미지를 클릭하시거나, 토글을 이용하여 상세 정보를 확인 가능합니다

HTML

CSS

JavaScript

TypeScript

React

Next.js

Styled Components

Tailwind CSS

Redux-toolkit

Zustand

React Query

Mongo DB

Figma

공공데이터 API

ChatGPT API

Socket.io

PWA

Vercel

HTML

CSS

JavaScript

TypeScript

React

Next.js

Styled Components

Tailwind CSS

Redux-toolkit

Zustand

React Query

Mongo DB

Figma

공공데이터 API

ChatGPT API

Socket.io

PWA

Vercel

HTML

CSS

JavaScript

TypeScript

React

Next.js

Styled Components

Tailwind CSS

Redux-toolkit

Zustand

React Query

Mongo DB

Figma

공공데이터 API

ChatGPT API

Socket.io

PWA

Vercel

HTML

CSS

JavaScript

TypeScript

React

Next.js

Styled Components

Tailwind CSS

Redux-toolkit

Zustand

React Query

Mongo DB

Figma

공공데이터 API

ChatGPT API

Socket.io

PWA

Vercel

HTML

CSS

JavaScript

TypeScript

React

Next.js

Styled Components

Tailwind CSS

Redux-toolkit

Zustand

React Query

Mongo DB

Figma

공공데이터 API

ChatGPT API

Socket.io

PWA

Vercel

HTML

CSS

JavaScript

TypeScript

React

Next.js

Styled Components

Tailwind CSS

Redux-toolkit

Zustand

React Query

Mongo DB

Figma

공공데이터 API

ChatGPT API

Socket.io

PWA

Vercel

Contact

궁금한 것이 있거나 협업을 원하시면 주저하지 말고 이 양식을 통해 저에게 메시지를 보내주세요. 귀하의 아이디어와 제안을 기다립니다 🙇‍♂️