penn events calendar

กิจกรรมที่มหาวิทยาลัยเพนซิลเวเนีย

เว็บแอปพลิเคชันที่รวบรวมกิจกรรมทั้งหมดที่เกิดขึ้นที่ University of Pennsylvania ด้วยเครื่องมือค้นหาและคำแนะนำในตัว

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

เราใช้ Gatsby.js เป็นส่วนหน้าของเรา ส่วนหน้าอยู่ในโฟลเดอร์ gatsby_site ก่อนที่จะทำงานตรวจสอบให้แน่ใจว่าคุณติดตั้ง npm เวอร์ชันล่าสุด (NodeJS 8+) หากเป็นครั้งแรกคุณต้องติดตั้ง gatsby-cli

 # only once on first time
npm install -g gatsby-cli

และเรียกใช้แอปพลิเคชันส่วนหน้าจากโฟลเดอร์ gatsby_site ดังนี้:

 cd gatsby_site
npm install
npm start

จากนั้นดัชนีข้อมูลตัวอย่างที่ให้ข้อมูลไปยัง Elasticsearch อยู่ใน backend/data โดยใช้:

npm run index-elastic # index data to Elasticsearch

โดยค่าเริ่มต้นสิ่งนี้จะเรียกใช้เว็บไซต์ Frontend Gatsby ที่พอร์ต 8000 พร้อมกัน Hug API Backend ที่พอร์ต 8888 และ Elasticsearch ที่พอร์ต 9200 สำหรับการปรับใช้ให้ใช้ npm run deploy แทน สิ่งนี้จะเรียกใช้เว็บไซต์ที่พอร์ต 9000 ดู gatsby_site เพื่อดูวิธีการทำงานบนเซิร์ฟเวอร์ระยะไกล

สำหรับการผลิต โปรดดูโฟลเดอร์ devops เกี่ยวกับวิธีการตั้งค่าการควบคุมดูแล

ปรับแต่งสำหรับกิจกรรมของคุณ

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

การใช้งาน

นี่คือคำแนะนำเกี่ยวกับวิธีการใช้เว็บแอปพลิเคชัน:

1. ดูกิจกรรมที่จะเกิดขึ้นในหน้าหลักค้นหาทุกสิ่งที่คุณสนใจ

   

2. เลือกกิจกรรมโดยคลิกที่ไอคอนดาว

   

3. ดูคำแนะนำตามกิจกรรมที่คุณเลือก

   

สมาชิกหลัก

• Titipat Achakulvisut (Titipata)
• Tulakan Ruangrong (Bluenex)

และผู้มีส่วนร่วม

ผู้สนับสนุน

โครงการนี้ได้รับการสนับสนุนจากภาควิชาวิศวกรรมชีวภาพที่มหาวิทยาลัยเพนซิลเวเนียขอบคุณศาสตราจารย์ David Meaney และศาสตราจารย์ Konrad Kording

ผลงาน

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