[프로젝트 기획 - 풀스택] 회원가입, 로그인, 이메일 인증, 회원 정보 수정 보일러 플레이트 UI 디자인

 

 

 

 

보일러 플레이트 - 풀스택 프로젝트

 

express의 passport 라이브러리를 사용하고, React의 redux와 JWT의 refresh Token을 사용해 네이버, 구글, 카카오 로그인이 포함된 더 완벽한 보일러 플레이트를 만들고자 UI를 디자인하였다. 모바일 페이지에서는 화면이 모바일 비율에 맞게 보이도록, 웹앱 디자인으로 구성하였다.

 

 

---

 

 

 

 

사용할 툴

 

Frontend - React

Backend - Node.js Express

DB - MongoDB 와 MySql

 

 

 

 

---

 

 

Figma 와이어프레임

 

 

 

회원가입, 로그인, 아이디/비밀번호 찾기, 회원 정보 수정, 비밀번호 수정, 회원 탈퇴 기능을 제공한다.

 

로그인과 회원가입

아이디와 비밀번호 찾기

회원정보와 비밀번호 변경

 

 

 

---

 

 

프로토타입

 

 

https://www.figma.com/file/7kRAyMDHczs7AFVh5tuHXP/%EB%B3%B4%EC%9D%BC%EB%9F%AC-%ED%94%8C%EB%A0%88%EC%9D%B4%ED%8A%B8?node-id=0%3A1&t=wHL4FG5neAF7W9OU-1