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

- งานปลอดภัย?

สวัสดีและยินดีต้อนรับสู่โครงการโอเพ่นซอร์สแห่งแรกของฉัน!

นี่เป็นเพียงเว็บไซต์ง่ายๆที่แสดงโพสต์งานที่ดึงมาจากเซิร์ฟเวอร์ของ Strapi แอปพลิเคชันนี้สามารถปรับปรุงได้ดีขึ้นและมีการใช้งานมากขึ้น

หน้าแรก

ภาพหน้าจอ 2022-08-09 ที่ 15 58 52

หน้างานโพสต์:

ภาพหน้าจอ 2022-08-09 ที่ 15 58 39

หน้างานโดยละเอียด

ภาพหน้าจอ 2022-08-12 ที่ 13 26 54

วางแผนที่จะขยายโครงการ

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

มีส่วนร่วมหากคุณ:

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

คุณสมบัติ

  • 2 ประเภทเนื้อหา: งานหมวดหมู่
  • การออกแบบและการออกแบบที่ตอบสนอง: Tailwind CSS:
    • BLOCS TAILWIND
    • Kutty

หน้า:

  • '/Jobs' เพื่อแสดงโพสต์งานทั้งหมด
  • '/Jobs/: id' เพื่อแสดงโพสต์งานโดยละเอียดหนึ่งโพสต์

แบ็กเอนด์: เริ่มต้นกับ strapi

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

develop

เริ่มแอปพลิเคชัน Strapi ของคุณโดยเปิดใช้งาน AutorEload เรียนรู้เพิ่มเติม 

 npm run develop
# or
yarn develop

start

เริ่มแอปพลิเคชัน strapi ของคุณด้วยการปิดใช้งานอัตโนมัติ เรียนรู้เพิ่มเติม 

 npm run start
# or
yarn start

build

สร้างแผงผู้ดูแลระบบของคุณ เรียนรู้เพิ่มเติม 

 npm run build
# or
yarn build

Frontend:? เริ่มต้น?

นี่คือ next.js project bootstrapped ด้วย create-next-app

ก่อนอื่นให้เรียกใช้เซิร์ฟเวอร์การพัฒนา: 

npm run dev
# or
yarn dev

เปิด http: // localhost: 3000 พร้อมเบราว์เซอร์ของคุณเพื่อดูผลลัพธ์

คุณสามารถเริ่มแก้ไขหน้าได้โดยแก้ไข pages/index.js การอัปเดตหน้าอัตโนมัติเมื่อคุณแก้ไขไฟล์

การสาธิตสดของโครงการนี้

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