Code Monkey home page Code Monkey logo

prophet-launchpad's Introduction

Prophet Launchpad

สวัสดีครับท่านศาสดา button เวอร์ชั่น 2

ลองเล่นเลย

สวัสดีครับท่านศาสดา button 2

Prerequisted

  1. ลง Node.js

  2. กดปุ่ม fork repo ที่มุมขวาบนของ repo ก่อน

  3. Clone repo นี้

git clone https://github.com/<ชื่อ username Github ของตัวเอง>/prophet-launchpad
cd prophet-launchpad
  1. ติดตั้ง module:
# ลงด้วย npm
npm install

# ลงด้วย yarn
yarn

# ลงด้วย pnpm
pnpm install
  1. รัน dev server
# run ด้วย npm
npm run dev

# run ด้วย yarn
yarn dev

# run ด้วย pnpm
pnpm run dev

Contributing

  1. เพิ่ม asset เสียงเข้าไปที่ assets/sound ตั้งชื่อด้วยตัวอักษร karaoke เพราะ Netlify ไม่ support asset ตัวอักษรไทย

  2. เข้าไปเพิ่ม list เสียงที่ src/lib/data/sound.ts เพิ่มเข้าไปใน array sounds ด้วยลำดับตามนี้ [คำที่ต้องการแสดงในหน้าเว็บ, ชื่อไฟล์เสียงที่เพิ่มเข้าไป, ระยะเวลาของไฟล์เสียง] เช่น

// src/lib/data/sound.ts
export const sounds: Sounds = [
    // ...
	['สวัสดีครับ', 'sà-wàt-dee kráp.mp3', 1.35],
	['ท่านสมาชิก', 'tân sà-maa-chík.mp3', 1.35],
    // ...
]
  1. ลอง build ดูก่อนว่า build ผ่านไหม:
# run ด้วย npm
npm run build

# run ด้วย yarn
yarn build

# run ด้วย pnpm
pnpm run build
  1. ถ้า build ผ่านแล้วก็ส่ง PR เข้ามาที่ repo หลักเลย

prophet-launchpad's People

Contributors

jasonnonstop10 avatar leomotors avatar saltyaom avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.