태그 기반 소셜 네트워크 웹 사이트.
동기 타구
https://motivetag.com VM 비용으로 인해 Temorally 폐쇄 :( 비용 이유로 인해 일시적으로 문을 닫았습니다 :(
토 도스 :
nginx+docker ECS가 완료, 환경 변수 완료, 연결 설정이 완료되었습니다 DB 자동 스위칭을 연결할 수 있습니다 nginx ssl 이제 풀 스트릭 SSL 모드를 지원했습니다. MySQL 데이터 지속성 (장착). 모니터링을위한 Prometheus+Grafanacloud.- 더 큰 이미지를 업로드하기위한 비동기.
전체 CICD-JENKINS- EKS
- Redis/Kafka 설정 (채팅 상태)
- MySQL 개선, orm
- 보안
- UI/UX 및 RWD 재 설계
- 기본 코드가 향상됩니다
- 공리
- chatgpt 조수
메모
- 온라인/채팅 상태 관리를위한 Redis.
- 채팅 메시지를위한 Kafka.
- 데이터 저장 용 MySQL.
- 모든 자원은 AWS 로야합니다.
에 대한
- 게시, 태그, 보내고, 다른 사람과 토론하고, 새로운 사람들과 만나고, 관심있는 콘텐츠에 가입/구독하고 (태그), 따르고 싶은 주제를 계속 따르십시오. 광고가 없습니다!
- MATIVETAG는 소셜 네트워크의 주요 기능을 다루는 웹 사이트입니다. "태그 코인"디자인으로.
- 이것은 태그로 핵심으로 작동하는 소셜 웹 사이트입니다.
기능이 배포되었습니다
- 게시물 (익명 성, 투표, 이미지 업로드 포함), 태그, 좋아요 및 메시지 추가 및 조합으로 사용할 수 있습니다.
- (태그)에 관심있는 콘텐츠를 구독하고 팔로우하십시오.
- 라이브 채팅 기능
- 온라인 상태 및 들어오는 프롬프트를 포함한 친구 시스템
- 알림 기능
- 무제한 토론 영역
태그 가란 무엇입니까?
해시 태그에서 영감을 얻은 태그는 당신이 생각할 수있는 키워드입니다. 게시물에 태그를 사용하면 다른 사람이 검색 할 수 있으므로 동일한 관심사를 가진 사람은 게시물에 쉽게 도달 할 수 있습니다. 당신은 또한 태그를 구독 할 수 있습니다. 왜냐하면 당신이 따르기를 좋아하는 것을 놓치고 싶지 않을 수도 있습니다.
해시 태그에서 영감을 얻은 태그는 생각할 수있는 키워드입니다. 게시물에 태그를 추가하면 다른 사람들 이이 게시물을 찾을 수 있으므로이 주제와 동일한 관심사를 가진 사람들이 귀하와 논의 할 수 있습니다. 이 태그에 대해 아무것도 놓치지 않도록 태그를 구독 할 수도 있습니다.
키워드별로 "#"를 사용하면이 게시물이 해당 키워드로 Send의 태그를 지정합니다. 물론 여러 태그를 사용할 수 있습니다.
공백으로 분리 된 후 "#"을 "#"에 추가하여 기사를 자동으로 표시 할 수 있습니다 (##like this). 물론, 당신은 또한 많은 마크를 추가하거나 아무것도 추가 할 수 있습니다 (아무것도 추가하지 않으면 친구만이 기사를 볼 수 있습니다!)
시사
테스트 계정
첫 페이지
사용자 페이지 (메인 페이지)
태그 가입
친구 및 온라인 상태
기능
회원
- 사용자 아바타.
- 활동이있는 레벨.
- 개인 사용자 정의 메시지.
- 사용자 아바타 또는 친구 상태를 클릭하여 개인 정보를 표시하십시오.
꼬리표
- 추세 - 가입자 수에 따른 주문.
- 태그 가입.
- PRIMETAG- 특정 능력을 가진 실험 태그.
- 초보자 가이드 태그. 새로운 사용자에게 초기 첨부.
- 익명 태그.
우편 및 댓글
- 다음 내용/게시물을 표시합니다.
- 구독 한 태그가 포함되어 있습니다.
- 친구 게시물.
- 자신의 게시물 (비밀 게시물 포함).
- 태그 - 게시물에 #keyword가있는 태그를 자동으로 삽입하십시오.
- 엄지 손가락 위 또는 아래.
- 투표 - 칭찬 민주주의.
- 익명 - 특별 태그는 익명으로 게시 할 수 있으며 익명의 태그를 구독 한 사람들만이 보지 못하지만 포스터를 알지 못합니다.
- 이미지 업로드 - 다른 사람과 이미지를 공유하십시오.
- Secret- 게시물을 볼 수 있습니다.
태그, 투표, 익명, 이미지 업로드는 별도로 또는 함께 사용할 수 있습니다!- 관심 태그 - 특정 태그가 지정된 컨텐츠를 검색합니다.
- Nav Bar 중간에있는 버튼으로 게시물을 새로 고칩니다.
- UP & DOWN 득점 - 댓글을 획득하십시오!
채팅
- 멀티 윈도 채팅으로 좋아요.
- 벨소리 - 누군가가 당신과 채팅을 시작하고 싶을 때 채팅 이미지에 흔들리는 효과를 받게됩니다.
- 온라인 상태 - 온라인 = 파란색, 오프라인 = 빨간색
공고
- 친구 상태 업데이트 및 오프라인 호출을 알려줍니다.
태그 포럼 (진행중인)
이 아이디어는 웹 사이트가 거의 완료되면옵니다. 마지막 목표는 "모든 태그는 개별 토론 영역"환경을 만드는 것입니다. 그리고 프리 메 태그를 사용하여 포럼 기능을 시행합니다. 계속 지켜봐!
기술 및 도구 사용
프론트 엔드
- HTML
- CSS
- 자바 스크립트
- 도구
- Moment.js- 시간 관리.
- Chart.js- 차트 디스플레이.
- Socket.io- 실시간 통신 라이브러리 인 WebSocket 프로토콜 용.
- 기술
백엔드
- 파이썬을 사용하십시오
- 플라스크
- 도구
- Flask -Socketio- 서버 사이드 WebSocket 연결 도구.
- virtualenv
- BOTO3- 이미지를 AWS에 업로드하십시오.
- pymysql
- 연결 풀 - RDS와 플라스크 사이의 연결을 유지합니다.
- 기술
데이터 베이스
버전 제어
배포
AWS
- EC2
- Nginx : 역 프록시 및 캐시 정적 파일.
- Linux-Ubuntu
- Route53 : 도메인 이름 Mapage.
- 탄성 부하 밸런서 : HTTPS 프로토콜을 의미합니다.
- RDS : 간단한 설정 및 사용하기 쉬운 관계형 데이터베이스에는 백업이 포함됩니다.
- S3 : 이미지 저장.
- Cloudfront : 사용자에게 이미지를 전달할 때 대기 시간을 줄입니다.
구조
데이터 베이스
AWS
과거의 유령.
