Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Devfolio-team/devfolio-client

Repository files navigation

가장 쉬운 포트폴리오 관리 Devfolio 🖥

devfolio 커버 사진

서버 비용 문제로 현재 배포가 중단된 상태입니다 🥲

🐣 기획 의도

프로젝트가 끝난 후 하드디스크 또는 github 저장소에만 잠들어 있는게 아닌 여러사람에게 프로젝트를 공유하며 공유받고 더 넓은 생각을 하면 좋겠다는 취지에서 개발한 웹 애플리케이션 입니다.

🔥 프로젝트 목표

  • 패스트 캠퍼스 프론트엔드 개발스쿨 과정에서 학습한 HTML5, CSS3, Javascript, React, Redux등의 지식들을 모두 활용하여 프로젝트에 임합니다.
  • 결과보다 과정, 기술적 부채를 남기지 않으며 작업하는 습관을 키웁니다.
  • 단순 토이 프로젝트가 아닌 팀원들과의 협업과정을 문서로 남기며 체계적으로 작업합니다.
  • 접근성을 고려하여 일반적인 사용자뿐만 아니라 환경적으로 장애가 있는 사용자도 이용할 수 있는 웹 애플리케이션을 만듭니다.
  • 디자인부터 개발, 배포의 과정까지 겪으며 간접적으로 서비스의 런칭을 경험합니다.

🌈 UI 디자인

Figma 디자인 툴을 이용하여 프로젝트의 디자인 시안을 제작했습니다.

devfolio 테스크탑 디자인 시안 devfolio 모바일 디자인 시안

✨ 기술 스택

devfolio 기술스택 목록

💾 DB Model

devfolio DB Model

📡 서비스 구성도

🕹 프로젝트 주요 기능

전체 프로젝트 인기 / 최신 조회

무한스크롤 UI로 조회

프로젝트 등록 / 수정

기술스택 추가(등록) 요청

프로젝트 제목 기준 검색

프로젝트 상세 조회(썸네일)

프로젝트 상세 조회(기획의도, 기술스택)

프로젝트 상세 조회(프로젝트 설명)

프로젝트 상세 조회(댓글, 대댓글)

포트폴리오(기술스택 typewriter effect)

포트폴리오(자기소개, 기술스택)

👨‍👦‍👦 Devfolio와 함께한 사람들

류하준(HajunRyu) 신봉철(Bcroun) 최수혁(choisuhyeok1255)
류하준의 프로필 사진 신봉철의 프로필 사진 최수혁의 프로필 사진

🚀 프로젝트 사용법

npm i
npm start
# or
yarn
yarn start

root경로에 .env파일이 필요합니다.

# /.env
REACT_APP_API_URL=[API_URL]

About

개발자들의 포트폴리오를 공유할 수 있는 웹 애플리케이션입니다.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

Contributors

Languages

AltStyle によって変換されたページ (->オリジナル) /