기아 홈페이지 클론코딩

기술 스택

Front-end

리액트
\ axios
jotai
styled-components

Back-end

node.js
sequelize
MySQL

개발기간

6/16 ~ 7/4

팀 구성

최성훈

• 홈페이지 클론 디자인
• 헤더 컴포넌트 제작
• 메인화면 부분 제작
• 차량 페이지 개발
• 로그인 기능 프론트 개발

추성우

• 로그인 페이지 개발
• 회원가입 페이지 개발
• 메인 페이지 부분 개발
• 푸터 컴포넌트 제작
• 로그인 기능 백엔드 구현 및 데이터 관리

작품 제작 이유⭐️

깔끔하고 세련된 디자인의 페이지를 찾던 중 공통된 차라는 관심사 중 가장 예쁜 페이지였음

시연영상

default.mp4

기능설명

• 메인페이지

• 

  • 베스트 기아 자동차 리스트
  • 기아 뉴스
  • 푸터
  • 헤더

• 차량페이지

• 

  • 차량들
  • 헤더
  • 푸터

• 로그인페이지

• 

  • 로그인 폼
  • 기능 : 로그인 기능

• 회원가입페이지

• 

  • 회원가입 폼
  • 기능 : 회원가입 가능

아쉬웠던 점

주제가 클론코딩이다 보니까 구현할 기능이 많이 없어서 좀 아쉬웠다.

개발하면서 느낀점

최성훈 : 이번 프로젝트로 퍼블리싱을 하는 감각이 많이 성장한 것 같다. 반응형으로 만들고 싶었지만 못만들어서 아쉬웠다.

향후 계획

KIA에서 제공하는 자동차 api등을 가져와 자동차 견적조회, 구매 등 상세한 페이지들을 더욱 구현할 것이다.