หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

Twitter Clone - Chirpy โดยใช้ Mern Stack

ตัวอย่าง https://chirpy-clone-twitter.herokuapp.com/ (แอพอาจใช้เวลาเล็กน้อยในการโหลดเนื่องจาก Heroku Web Dyno อาจหลับได้)

ชื่อผู้ใช้: สาธิต

รหัสผ่าน: test1234

Twitter โคลนที่สร้างขึ้นด้วย MongoDB, Express, React, Nodejs (Mern)

ดูตัวอย่าง:

การสาธิตหน้าเข้าสู่ระบบ

การสาธิตโฮมเพจ

คุณสมบัติ

  1. ลงชื่อเข้าใช้ / ลงทะเบียน
  2. เพิ่ม Chirps (ทวีต)
  3. ติดตามผู้ใช้รายอื่น
  4. เช่น rechirp (รีทวีต) และความคิดเห็น
  5. ดูโปรไฟล์ผู้ใช้ดูโพสต์สื่อและโพสต์ที่ชอบ
  6. ค้นหาผู้ใช้รายอื่นทั้งในแถบด้านข้างหรือสำรวจส่วนต่างๆ

การตั้งค่า

รับรหัสโดยการโคลนที่เก็บนี้โดยใช้ Git 

 git clone https://github.com/jmirfield/Chirpy-Twitter-Clone.git

... หรือดาวน์โหลดรหัสซอร์สโค้ดเป็น zip เก็บถาวร

เมื่อดาวน์โหลดแล้วให้เปิดเทอร์มินัลในไดเรกทอรีโครงการนำทางไปยังโฟลเดอร์ไคลเอนต์และติดตั้งการพึ่งพาด้วย: 

 npm install

ทำเช่นเดียวกันกับโฟลเดอร์เซิร์ฟเวอร์

สร้าง config/.dev.env ในโฟลเดอร์เซิร์ฟเวอร์และแทรกตัวแปรสภาพแวดล้อมต่อไปนี้ ตรวจสอบให้แน่ใจว่าได้เติมค่าว่างกับของคุณ: 

 PORT=3001
JWT_SECRET=createyourownkey
MONGODB_URL=
CLOUDINARY_NAME=
CLOUDINARY_KEY=
CLOUDINARY_SECRET=

เริ่มต้นเซิร์ฟเวอร์ 

 npm run dev

นำทางกลับไปที่ไคลเอนต์และเริ่มแอป 

 npm start
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด