🍇포도마켓

2021.12.19 - 2022.2.19

포도마켓 입장하기

포도마켓은,

• 🦁멋쟁이사자처럼 프론트엔드스쿨 1기에서 팀 프로젝트로 진행한 포도마켓입니다.
• 판매할 상품을 등록하여 홍보, 판매할 수 있습니다.
• 또한 판매가 아니더라도 사진과 글을 작성하여 일상을 공유할 수 있는 SNS입니다.
• 다른 사용자를 팔로우하여 사람들의 소식을 확인할 수 있습니다.
• 게시글에 좋아요와 댓글을 남길 수 있습니다.
• 🍇알알이 이웃들이 모여 이룬 풍성한 한 송이, 포도마켓입니다.

팀원

심채영	임한민	지다혜

개발 환경

• Front-End : HTML / CSS / Vanilla JS
• Back-End : 제공된 API

프로젝트 구조

• src/ : .css, .js, 이미지(아이콘)
• templates/ : .html

├── README.md
├── src
│   ├── css
│   │   ├── add_product.css
│   │   ├── chat_list.css
│   │   ├── chat_room.css
│   │   ├── feed.css
│   │   ├── followerList.css
│   │   ├── join_membership.css
│   │   ├── join_profile.css
│   │   ├── login.css
│   │   ├── login_email.css
│   │   ├── menubar.css
│   │   ├── mypage.css
│   │   ├── postDetail.css
│   │   ├── profile_modification.css
│   │   ├── reset.css
│   │   ├── search.css
│   │   ├── splash.css
│   │   ├── upload.css
│   │   ├── userpost.css
│   │   └── yourpage.css
│   ├── images
│   │   ├── chat
│   │   ├── feed
│   │   ├── followers
│   │   ├── join
│   │   ├── login
│   │   ├── menubar
│   │   ├── mypage
│   │   ├── postdetail
│   │   ├── product
│   │   ├── search
│   │   ├── splash
│   │   ├── upload
│   │   └── userpost
│   └── js
│       ├── add_product.js
│       ├── chat_room.js
│       ├── feed.js
│       ├── followerList.js
│       ├── goback.js
│       ├── index.js
│       ├── isLogined.js
│       ├── join_membership.js
│       ├── join_profile.js
│       ├── login_email.js
│       ├── module.js
│       ├── mypage.js
│       ├── postDetail.js
│       ├── profile_modification.js
│       ├── search.js
│       ├── upload.js
│       └── yourpage.js
└── templates
    ├── add_product.html
    ├── chat_list.html
    ├── chat_room.html
    ├── feed.html
    ├── followerList.html
    ├── index.html
    ├── join_membership.html
    ├── join_profile.html
    ├── login.html
    ├── login_email.html
    ├── modal
    │   ├── modal.css
    │   └── modal.js
    ├── modules
    │   ├── menubar.html
    │   └── userpost.html
    ├── mypage.html
    ├── postDetail.html
    ├── profile_modification.html
    ├── search.html
    ├── upload.html
    └── yourpage.html

역할

심채영

• 로고 제작, 사용자 프로필 페이지, 페이지별 링크 연결

임한민

• 로그인 페이지, 회원가입 페이지, 게시물 작성 페이지, 상품 등록 페이지

지다혜

• 게시글 피드 페이지, 검색 페이지, 모달(삭제, 수정, 로그아웃) 구현, 좋아요와 댓글 구현

UI

페이지 기능

🍇초기화면

🔗스플래쉬	🔗로그인	🔗회원가입

🍇홈

🔗피드	🔗검색

🍇프로필 페이지

🔗프로필 페이지	🔗피드 표기 방식	🔗프로필 수정

🍇게시글

🔗상품 등록	🔗게시글 작성	🔗좋아요/댓글
🔗게시글 삭제	🔗채팅