หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

งานโปร

Task Pro เป็นเว็บแอปพลิเคชันที่ใช้งานง่ายเพื่อปรับปรุงโครงการและการจัดการงาน

มันช่วยให้ผู้ใช้ทุกระดับความสามารถในการปรับปรุงการจัดการเวลาและความสามารถขององค์กรด้วยอินเทอร์เฟซที่ใช้งานง่าย

ไม่ว่าคุณจะเลือกใช้งานส่วนตัวหรือการทำงานร่วมกันงาน Pro เสนอโซลูชันที่ครอบคลุมสำหรับการสร้างการจัดระเบียบและการแบ่งปันโครงการอย่างราบรื่น

เทคโนโลยี

เฟรมโครงการ

กรอบโครงการ

คุณสมบัติ

ผู้ใช้ลงทะเบียนและเข้าสู่ระบบ

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

การรับรองความถูกต้อง

ผู้บริหารคณะกรรมการ

  • สร้างแก้ไขและลบบอร์ดได้อย่างง่ายดาย
  • สลับระหว่างบอร์ดทันทีเพื่อแสดงงานที่เกี่ยวข้อง
  • การเปลี่ยนแปลงทั้งหมดของบอร์ดและงานจะได้รับการดูแลในส่วนหน้าและแบ็กเอนด์

แผงหน้าปัด

การจัดการงาน

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

การสร้างงาน

ส่วนหน้า

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

ส่วนหลัง

  • ขับเคลื่อนโดย node.js และ Express สำหรับฟังก์ชั่นฝั่งเซิร์ฟเวอร์ที่แข็งแกร่ง
  • การจัดเก็บข้อมูลและการดึงข้อมูลได้รับการจัดการโดย MongoDB ทำให้มั่นใจได้ว่าการคงอยู่ของข้อมูลและความยืดหยุ่น

คุณสมบัติยืด

ในอนาคตเราวางแผนที่จะแนะนำคุณสมบัติต่อไปนี้:

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

เพื่อเปิดแอปพลิเคชัน

ขั้นตอนที่ 1 . โคลน repo ไปยังรหัสโปรแกรมแก้ไข

ขั้นตอนที่ 2 . เรียกใช้ NPM ติดตั้งเพื่อติดตั้งการอ้างอิงทั้งหมด

ขั้นตอนที่ 3 . ตรวจสอบให้แน่ใจว่าเวอร์ชันโหนดคือ 18.17.1 ขึ้นไปสามารถใช้ NVM เพื่อติดตั้งเวอร์ชันที่ต้องการ

ขั้นตอนที่ 4 . สร้างไฟล์ env และตรวจสอบให้แน่ใจว่ามี PORT = 3000 และ MONGO_URI = (Mongodb connection URI)

ขั้นตอนที่ 5 . เริ่มโครงการด้วย npm start หรือ npm run dev (สำหรับโหมด dev)

ผู้เขียน

  • Nam Ha: GitHub

  • John Costello: GitHub

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