Trackify

ติดตาม

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

เว็บลิงค์: https://trackify.duckdns.org

ข้อมูลรับรองผู้ดูแลระบบ	ข้อมูลประจำตัวของพนักงาน
อีเมล: [email protected]	อีเมล: [email protected]
รหัสผ่าน- 123@testadmin	รหัสผ่าน- 123@testemployee

เข้าสู่ระบบ

ผู้ดูแลระบบ	พนักงาน

คุณสมบัติ

• การรับรองความถูกต้องของผู้ใช้:

  • การเข้าสู่ระบบของผู้ดูแลระบบ: ผู้ดูแลระบบสามารถเข้าถึงระบบโดยใช้ชื่อผู้ใช้และรหัสผ่านที่ไม่ซ้ำกันเพื่อจัดการข้อมูลและงานของพนักงาน

  • การเข้าสู่ระบบของพนักงาน: พนักงานสามารถเข้าสู่ระบบด้วยข้อมูลประจำตัวของพวกเขาเพื่อเพิ่มและดูงานของพวกเขา

• การจัดการพนักงาน:

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

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

  • เพิ่มงาน: พนักงานสามารถบันทึกงานสำหรับแต่ละวันรวมถึงคำอธิบายงานพิมพ์ (หยุดการประชุมหรือทำงาน) เวลาเริ่มต้นและระยะเวลา
  • การกรองวันที่: ผู้ใช้สามารถกรองและดูงานและข้อมูลกราฟิกที่เกี่ยวข้องสำหรับวันที่เฉพาะ

• ข้อมูลกราฟิก:

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

เริ่มต้น

สิ่งที่ต้องมีก่อน

1. ติดตั้งนักเทียบท่าและนักเทียบท่า
2. สร้างบัญชี MongoDB Atlas และตั้งค่าคลัสเตอร์

โคลนที่เก็บ

1. โคลนที่เก็บ: git clone https://github.com/rishavchanda/Trackify.git

กำหนดค่าไคลเอนต์

1. นำทางไปยังโฟลเดอร์ไคลเอนต์: cd client
2. สร้างอิมเมจนักเทียบท่าสำหรับไคลเอนต์ในโหมด dev: docker build -f Dockerfile.dev -t trackify-react-image .
3. ตั้งค่าและกำหนดค่าตัวแปรสภาพแวดล้อมสร้างไฟล์ .env ในโฟลเดอร์ไคลเอนต์และเพิ่มตัวแปรสภาพแวดล้อมต่อไปนี้:

 REACT_APP_API_URL = http://localhost:8800/api

กำหนดค่าเซิร์ฟเวอร์

1. นำทางไปยังโฟลเดอร์เซิร์ฟเวอร์: cd server
2. สร้างอิมเมจ Docker สำหรับเซิร์ฟเวอร์ในโหมด Dev: docker build -f Dockerfile.dev -t trackify-server-image .
3. ตั้งค่าฐานข้อมูลและกำหนดค่าตัวแปรสภาพแวดล้อมโดยทำตามคำแนะนำในขั้นตอนถัดไป

ตั้งค่าฐานข้อมูล

1. สร้างบัญชี MongoDB Atlas และตั้งค่าคลัสเตอร์
2. สร้างไฟล์ .env ในโฟลเดอร์เซิร์ฟเวอร์และเพิ่มตัวแปรสภาพแวดล้อมต่อไปนี้:

 MONGO_URL = <MongoDB connection string>

เรียกใช้แอปพลิเคชัน

1. นำทางไปยังโฟลเดอร์รูท: cd ..
2. เรียกใช้ไฟล์ Docker-compose: docker-compose -f docker-compose.yml -f docker-compose-dev.yml up --build
3. เปิดแอปพลิเคชันในเบราว์เซอร์ของคุณที่ http://localhost:3000
4. เซิร์ฟเวอร์จะทำงานที่ http://localhost:8800
5. หากต้องการหยุดแอปพลิเคชันให้กด Ctrl + C ในเทอร์มินัล

เทคโนโลยีที่ใช้

• front-end: ReactJS, HTML, CSS, JavaScript
• back-end: node.js, express.js
• ฐานข้อมูล: MongoDB

การบริจาค

เรายินดีต้อนรับการมีส่วนร่วมจากชุมชนเพื่อปรับปรุงการติดตาม อย่าลังเลที่จะส่งรายงานข้อผิดพลาดคำขอคุณลักษณะหรือดึงคำขอผ่านที่เก็บ GitHub

ใบอนุญาต

โครงการนี้ได้รับใบอนุญาตภายใต้ใบอนุญาต MIT

ติดต่อ

สำหรับคำถามหรือข้อสงสัยใด ๆ โปรดติดต่อทีมพัฒนาที่ [[email protected]]

สนุกกับการใช้งาน trackify และมีประสิทธิผล!