motivetag

เว็บไซต์เครือข่ายโซเชียลที่ใช้แท็ก

แรงจูงใจ

https://motivetag.com ปิดอย่างรุนแรงเนื่องจากค่าใช้จ่าย VM :( ปิดชั่วคราวเนื่องจากเหตุผลด้านต้นทุน :(

Todos:

1. Nginx+Docker
2. ECS เสร็จแล้วตัวแปรสิ่งแวดล้อมเสร็จสิ้นการตั้งค่าการเชื่อมต่อเสร็จสิ้น
3. สามารถเชื่อมต่อการสลับอัตโนมัติ DB ได้
4. nginx ssl ตอนนี้รองรับโหมด SSL แบบเต็มรูปแบบ
5. การคงอยู่ของข้อมูล MySQL (ติดตั้ง)
6. Prometheus+Grafanacloud สำหรับการตรวจสอบ
7. async สำหรับการอัปโหลดภาพขนาดใหญ่
8. CICD-Jenkins เต็มรูปแบบ
9. Eks
10. การตั้งค่า Redis/Kafka (สถานะการแชท)
11. mysql ปรับปรุง orm
12. ความปลอดภัย
13. UI/UX และ RWD ออกแบบใหม่
14. รหัสพื้นฐานปรับปรุง
15. สัจพจน์
16. ผู้ช่วย CHATGPT

บันทึก

• Redis สำหรับการจัดการสถานะออนไลน์/การแชท
• Kafka สำหรับข้อความแชท
• MySQL สำหรับการจัดเก็บข้อมูล
• ทรัพยากรทั้งหมดควรอยู่ใน AWS

เกี่ยวกับ

• โพสต์, แท็ก, ส่งออกพูดคุยกับผู้อื่นและพบปะผู้คนใหม่ ๆ เข้าร่วม/สมัครสมาชิกเนื้อหาที่คุณสนใจ (แท็ก) และติดตามหัวข้อที่คุณต้องการติดตามไม่มีเรื่องไร้สาระ! ไม่มีโฆษณา!
• MotiveTag เป็นเว็บไซต์ครอบคลุมฟังก์ชั่นหลักของเครือข่ายสังคมออนไลน์ ด้วยการออกแบบ "แท็ก cored"
• นี่คือเว็บไซต์โซเชียลที่ทำงานด้วยแท็กเป็นหลัก

ฟังก์ชั่นได้รับการปรับใช้

• โพสต์ (รวมถึงการไม่เปิดเผยตัว, การลงคะแนน, การอัปโหลดรูปภาพ), เพิ่มแท็ก, ไลค์และข้อความและสามารถใช้ร่วมกันได้
• สมัครสมาชิกเนื้อหาที่คุณสนใจ (TAG) และติดตาม
• ฟังก์ชั่นแชทสด
• ระบบเพื่อนรวมถึงสถานะออนไลน์และพรอมต์ขาเข้า
• ฟังก์ชั่นการแจ้งเตือน
• พื้นที่สนทนาไม่ จำกัด

แท็กคืออะไร?

• แรงบันดาลใจจากแฮชแท็กแท็กคือคำหลักใด ๆ ที่คุณนึกถึง ใช้แท็กในโพสต์ของคุณจากนั้นคนอื่น ๆ สามารถค้นหาได้ดังนั้นทุกคนที่มีความสนใจเหมือนกันสามารถเข้าถึงโพสต์ได้อย่างง่ายดายและคุณก็สามารถทำได้ นอกจากนี้คุณยังสามารถสมัครรับแท็กได้เพราะคุณอาจไม่ต้องการพลาดสิ่งที่คุณชอบติดตาม

• แรงบันดาลใจจากแฮชแท็กแท็กเป็นคำหลักใด ๆ ที่คุณนึกถึง เพิ่มแท็กลงในโพสต์ของคุณและอื่น ๆ สามารถค้นหาโพสต์เหล่านี้เพื่อให้ผู้ที่มีความสนใจเช่นเดียวกับที่คุณสามารถพูดคุยเกี่ยวกับหัวข้อนี้กับคุณ นอกจากนี้คุณยังสามารถสมัครสมาชิกแท็กเพื่อที่คุณจะไม่พลาดอะไรเกี่ยวกับแท็กนี้

• การใช้ "#" ต่อไปนี้ด้วยคำหลักจะติดแท็กโพสต์นี้ด้วยคำหลักนั้นเมื่อส่ง แน่นอนว่าคุณสามารถใช้หลายแท็กหรือไม่มี (แต่สิ่งนี้ปล่อยให้โพสต์จะเห็นได้โดยเพื่อนของคุณเท่านั้น)

• บทความสามารถทำเครื่องหมายได้โดยอัตโนมัติโดยการเพิ่ม "#" ลงใน "#" หลังจากถูกคั่นด้วยว่างเปล่า (#เช่นนี้) แน่นอนคุณสามารถเพิ่มเครื่องหมายหรือเพิ่มอะไร (ถ้าคุณไม่ได้เพิ่มอะไรเลยเพื่อนของคุณเท่านั้นที่สามารถดูบทความนี้ได้!)

---

ดูตัวอย่าง

บัญชีทดสอบ

บัญชี	รหัสผ่าน
แขก	แขก

หน้าแรก

หน้าผู้ใช้ (หน้าหลัก)

แท็กสมัครสมาชิก

เพื่อนและสถานะออนไลน์

---

ฟังก์ชั่น

สมาชิก

• อวตารของผู้ใช้
• ระดับที่มีกิจกรรม
• ข้อความที่กำหนดเองส่วนบุคคล
• คลิกที่อวตารของผู้ใช้หรือสถานะเพื่อนเพื่อแสดงข้อมูลส่วนบุคคลของเขา/เธอ

ติดแท็ก

• เทรนด์ - สั่งซื้อตามจำนวนสมาชิก
• Tag Subscribe
• Primetag - แท็กทดลองที่มีความสามารถเฉพาะ
  1. แท็กคู่มือผู้เริ่มต้น แนบเบื้องต้นกับผู้ใช้ใหม่
  2. แท็กนิรนาม

โพสต์และความคิดเห็น

• แสดงเนื้อหา/โพสต์ต่อไปนี้
  1. มีแท็กที่คุณสมัคร
  2. โพสต์เพื่อน.
  3. โพสต์ของคุณเอง (รวมโพสต์ลับ)
• Tag - แทรกแท็กใด ๆ โดยอัตโนมัติด้วย #KeyWord ในโพสต์ของคุณ
• ยกนิ้วขึ้นหรือลง
• โหวต - สรรเสริญประชาธิปไตย
• Anonymous - แท็กพิเศษสามารถบอกได้ว่าโพสต์โดยไม่ระบุชื่อมีเพียงผู้ที่สมัครสมาชิกแท็กที่ไม่ระบุชื่อเท่านั้นที่จะเห็นพวกเขา แต่พวกเขาจะไม่รู้จักโปสเตอร์
• อัพโหลดรูปภาพ - แชร์รูปภาพกับผู้อื่น
• ความลับ - คุณสามารถดูโพสต์ได้เท่านั้น

แท็กโหวตไม่ระบุชื่อการอัปโหลดรูปภาพสามารถใช้แยกต่างหากหรือร่วมกัน!

• แท็กที่น่าสนใจ - ค้นหาเนื้อหาที่ติดแท็กเฉพาะ
• รีเฟรชโพสต์ด้วยปุ่มที่อยู่ตรงกลางของ Nav Bar
• การให้คะแนนขึ้นและลง - แสดงความคิดเห็นของคุณด้วยคะแนน!

แชท

• ตกลงด้วยการแชทหลายหน้าต่าง
• RINGING - เมื่อมีคนต้องการเริ่มการแชทกับคุณจะได้รับเอฟเฟกต์การเขย่าในภาพแชท
• สถานะออนไลน์ - ออนไลน์ = สีน้ำเงินออฟไลน์ = สีแดง

การแจ้ง

• แจ้งให้คุณทราบเกี่ยวกับการอัปเดตสถานะเพื่อนและการโทรออฟไลน์

Tag Forum (ระหว่างดำเนินการ)

แนวคิดนี้มาเมื่อเว็บไซต์เกือบจะเสร็จสิ้น เป้าหมายสุดท้ายคือการสร้างสภาพแวดล้อม "แท็กใด ๆ คือพื้นที่การสนทนาส่วนบุคคล" และจะใช้ primetag เพื่อบังคับใช้ฟีเจอร์ฟอรัม คอยติดตาม!

---

เทคโนโลยีและเครื่องมือที่ใช้

ส่วนหน้า

• HTML
• CSS
• จาวาสคริปต์
  • เครื่องมือ
    • moment.js - การจัดการเวลา
    • chart.js - แสดงแผนภูมิ
    • Socket.io - สำหรับ WebSocket Protocol ซึ่งเป็นห้องสมุดการสื่อสารแบบเรียลไทม์
  • เทค
    • อาแจ็กซ์

แบ็กเอนด์

• ใช้ Python
• ขวด
  • เครื่องมือ
    • Flask -Socketio - เครื่องมือการเชื่อมต่อ WebSocket ด้านเซิร์ฟเวอร์
    • virtualenv
    • boto3 - อัปโหลดรูปภาพไปยัง AWS
    • pymysql
      • กลุ่มการเชื่อมต่อ - รักษาการเชื่อมต่อระหว่าง RDS และ Flask
  • เทค
    • API พักผ่อน
    • MVC

ฐานข้อมูล

• mysql
  • เครื่องมือ
    • MySQL Workbench
  • เทค
    • การทำให้เป็นมาตรฐานฐานข้อมูล

การควบคุมเวอร์ชัน

• กระตวน
• คนอื่น ๆ

ปรับใช้

• นักเทียบท่า
• นักเทียบท่า

aws

• EC2
  • Nginx: พร็อกซีย้อนกลับและไฟล์แคชคงที่
  • Linux-ubuntu
• ROUTE53: MAPAGE ชื่อโดเมน
• Elastic LoadBalancer: บอกเป็นนัยกับโปรโตคอล HTTPS
• RDS: ฐานข้อมูลเชิงสัมพันธ์ที่มีการตั้งค่าอย่างง่ายและใช้งานง่ายรวมถึงการสำรองข้อมูล
• S3: การจัดเก็บภาพ
• CloudFront: ลดเวลาแฝงเมื่อส่งภาพให้กับผู้ใช้

---

โครงสร้าง

ฐานข้อมูล

aws

---

ผีในอดีต