[프로젝트 기획 - 풀스택] 포트폴리오 소개 Figma 프로토타입과 ERD

 

 

포트폴리오 소개 웹 - 풀스택 프로젝트

블로그는 토이 프로젝트들을 자세히 소개하는 공간으로 사용하고, 간단히 프로젝트들을 미리보기하며 바로 호스팅 페이지로 이동할 수 있는 포트폴리오 전용 웹 프로젝트를 제작하려 한다. 이를 위해 사용할 툴을 정리하고, 피그마로 와이어프레임을 만들었다. 또한 Figma에서 제공해주는 미리보기 툴을 사용해 프로토타입 링크를 제작하였다.

 

 

---

 

사용할 툴

 

Frontend - React

Backend - Node.js Exrpess

DB - MongoDB

Server - AWS S3(이미지 호스팅) , 배포는 AWS EC2 또는 Cloud type 이용 예정

 

---

 

 

Figma 와이어프레임

 

 

회원가입, 로그인, 방명록 작성 및 수정, 삭제, 방명록 리스트 보기, 관리자가 업로드한 프로젝트 캐로셀(슬라이드) 보기를 제공한다.

 

 

메인화면과 로그인, 회원가입 페이지

 

방명록 페이지

 

 

---

 

 

프로토타입 : LINK

Figma