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

Pomodoro Timer App

นี่คือ แอปโฟกัส Pomodoro ที่ออกแบบมาเพื่อปรับปรุงประสิทธิภาพการทำงานด้วยตัวจับเวลาที่ปรับแต่งได้ แอปนี้มีโหมดโฟกัส ช่วงพักสั้น และช่วงพักยาว พร้อมด้วยความสามารถในการตรวจสอบสถิติการโฟกัสรายสัปดาห์ของคุณ โครงการนี้สร้างขึ้นโดยใช้ HTML, CSS และ JavaScript

การสาธิตสด

ตรวจสอบเวอร์ชันสดที่นี่

คุณสมบัติ

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

แรงบันดาลใจในการออกแบบ

การออกแบบแอปนี้ได้รับแรงบันดาลใจจากชุด Pomodoro Timer UI บน Figma คุณสามารถดูการออกแบบดั้งเดิมได้ที่นี่

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

  • HTML : โครงสร้างของเว็บแอป
  • CSS : การออกแบบสไตล์และการตอบสนอง
  • JavaScript : ฟังก์ชันการทำงาน ตัวจับเวลา การจัดการการตั้งค่า และการคงอยู่ของข้อมูล

วิธีรันโปรเจ็กต์ในเครื่อง

  1. โคลนที่เก็บนี้: 
    git clone https://github.com/arianimmen/Pomodoro-Timer-App.git
  2. นำทางไปยังไดเร็กทอรีโครงการ: 
     cd Pomodoro-Timer-App
  3. เปิด public/index.html ในเบราว์เซอร์ของคุณเพื่อเริ่มแอป

ผลงาน

ยินดีบริจาค! อย่าลังเลที่จะแยกพื้นที่เก็บข้อมูลและส่งคำขอดึง

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