https://github.com/JerryKim1023/16team_instagram_flask

✔ 개발 포지션

①프론트엔드

담당 : 김지용

1. 로그인페이지

   1-1. 가입페이지

   

   1-2. 로그인페이지

   

   1-3 비밀번호를 잊으셨나요? 페이지

   

담당 : 최양임

*데스크탑 버전을 기본으로 먼저 구현

헤더 메뉴 : 다이렉트, 반응 메뉴 삭제

스토리기능 - 해당 사용자 마이페이지로 이동으로 기능전환

1. 피드화면

   상단 검색창 : 구글 검색연동 탐색기능 : 개발자들이 즐겨찾는 사이트 모아서 보여주기

   마이페이지 화면 전환

   1. 상단 프로필 메뉴박스- 마이페이지메뉴

   2. 본문 프로필 바로전환

2. 마이페이지 화면 내 게시물 모음

   헤더 1) 상단 프로필 사진 / 아이디, 설정-로그아웃(가능하면) 게시물, 팔로워, 팔로우 자기소개

   2) 본문 내 게시물

②백엔드

담당 : 한태영

1.로그인 기능 - 단기목표(입력값을 받아서 DB의 내용과 비교하여 에러메시지 or 페이지 이동이 되게)

장기목표 : 로그인 기능 전반에 대한 구현 페이지 전환시 토큰의 유지등 상태변환까지

담당 : 남효정

1.DB 값 읽어오기 (R) - 단기목표(DB의 내용을 받아서 웹페이지의 카드칼럼에 뿌려줄수 있게)

장기목표

담당 : 김훈희

1.DB에 값 쓰기 (C) - 단기목표(입력한 내용을 DB에 저장 할 수있게)

2.DB 설정 공유 - DB 저장된 값을 팀원 모두 똑같이 볼수 있도록

Robo 3T 설정하기 - MangoDB Database

설정 값 :

Step2: Connect string mongodb+srv://AKBARI:sparta@cluster0.jujbu.mongodb.net/cluster0?retryWrites=true&w=majority

Step4: User Name, Password User Name:AKBARI Password:sparta

1. 검색기능 구현 : DB에 해쉬태그가 저장되고 저장되어있는 태그를 기반으로 하여 검색값을 출력할 수 있도록 작업

1월 3일 새벽 잠을 깨워주신 곤유님

✔ 프로젝트 제목 / 간단 설명 (컨셉)

1. 프로젝트 제목: 코드스타그램
2. 설명: 코딩하는 사람들을 위한 인스타그램이라 하여 개발자의 마음과 정성을 담아 인스타그램을 재구현하려 합니다.

✔ 와이어 프레임

Frontend

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FcnKlIRZDSkZdnuD8ZUpiFr%2FPrototyping-in-Figma%3Fnode-id%3D0%253A1

backend

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FcnKlIRZDSkZdnuD8ZUpiFr%2FPrototyping-in-Figma%3Fnode-id%3D116%253A26

✔ 기술스택

프로젝트 사용언어 및 프레임워크 및 기능 : HTML, JavaScript, Ajax, Python, Flask, MongoDB...

사용기술 백엔드 언어: HTML, JavaScript, Python

프레임워크 및 라이브러리 : python / flask pymongo bs4 request jsonify

데이터베이스: MongoDB

프로젝트 관리도구: git

프론트엔드 언어: html css javascript bootstrap

개발툴: PyCharm,VScode