FreeBird(프리버드) 는 소셜 네트워크 서비스(SNS)를 제공하는 웹 애플리케이션 입니다.
프리버드에서 다양한 사람들과 당신의 소식을 공유해보세요.
개발 기간: 2023.01.13 ~ 2023.03.28 (총 2개월)
개발 인원: 1명
| 미리보기 | 설명 |
|
로그인 & 회원가입 - 웹 페이지에 들어오면 제일 먼저 볼 수 있는 로그인 페이지 입니다. - 프리버드는 회원이 인증된 사람만 이용할 수 있기 때문에 회원가입 후 로그인을 해야 서비스 이용이 가능합니다. |
|
메인 페이지 - 프리버드의 메인페이지 입니다. - 팔로잉한 유저의 최신글을 빠르게 볼 수 있습니다. |
|
메인 페이지 (글 작성하기) - 게시글을 작성할 수 있습니다. - 이미지를 업로드 할 수 있습니다 - # 를 이용해서 해쉬태그를 작성할 수 있습니다. - 작성한 글의 수정, 삭제를 할 수 있습니다. |
|
게시글 좋아요! & 공유하기 기능 - 각 게시물마다 좋아요 기능을 사용 할 수 있습니다. - 관심 있는 게시물을 공유할 수 있는 공유하기 기능이 있습니다. |
|
댓글 기능 - 각 게시물의 상세 페이지에서 댓글을 남길 수 있습니다. - 대댓글 기능이 있습니다 - 댓글, 대댓글 수정과 삭제가 가능합니다. |
|
마이페이지 - 마이페이지에서는 자신의 정보를 볼 수 있습니다. - 프로필 수정 버튼을 통해 자신의 프로필 이미지, 닉네임, 1줄 자기 소개를 수정할 수 있습니다. - 자신이 작성한 글 목록을 볼 수 있습니다. |
|
친구 목록 페이지 - 현재 팔로우, 팔로잉 되어있는 유저들의 정보를 볼 수 있습니다. - 해당 유저의 프로필 보기와 팔로우, 팔로잉 삭제하기가 가능합니다. |
|
친구 찾기 페이지 - 팔로잉 할 수 있는 유저들의 목록이 보여집니다. - 관심있는 유저를 팔로잉 하면 됩니다. |
|
게시물 검색기능 - 해시태그를 이용해서 해쉬태그를 포함하는 게시물을 검색할 수 있습니다 - 또한 오른쪽 사이드바에서 인기있는 해쉬태그 3가지를 순서대로 제공해서 핫한 해쉬태그 주제로 게시물을 검색할 수 있습니다. |
이번 프로젝트를 하면서 많은 성장이 있었습니다.
2번의 팀프로젝트를 경험하면서 프론트엔드 개발을 하고 있지만
백엔드 영역과 배포에 대한 부분들 까지 웹의 전체적인 흐름들을 얕게나마 알고 싶어서
이번 프로젝트를 기획하고 개발하게 되었습니다 프로젝트 주제도 그렇고 기능도 특별한게
있었던 것은 아니지만
프론트엔드 뿐만 아니라 백엔드 영역까지 공부하며 배포까지 진행을 했고
웹 개발에 대한 시야가 좀 더 넓어지게 되었습니다.
프론트엔드 개발에 있어서도 Next, react-query, recoil 등
많이 안써봤던 기술들을 적용하며 새로운 것들을 경험하기 위해 노력했고
잘 모르고 있던 서버사이드 렌더링,
쿠키등에 대해 공부하면서 처음 시작부터 끝까지 즐겁게 프로젝트를 개발했습니다
모바일 환경에서도 이용할 수 있도록 반응형 디자인을 제공합니다!
|
|
|
|
|
|