/dnd-vocab

Chinese-English search tool for keywords in Dungeons and Dragons written in react.

Primary LanguageJavaScript

DnD 词表卡

Getting Started

  1. Clone repo
  2. Install packages
npm install
  1. Start a dev environment
npm run dev

Data Overview

Data is loaded from a CSV (clean_data.csv) as an array of objects located in src/.

The objects have the following structure:

const fooWord = {
  id: '2',
  其他译词: '',
  原词: 'Anubis',
  子类: '埃及神祇',
  源书: '玩家手册',
  词类: '背景词汇',
  译本译词: '阿努比斯',
  译注: '公正和死亡之神judment & death'
}

Todo

  • port CSV data to MongoDB
  • express API design (user model, word model, CRUD functionality, etc)
  • overall design rehaul
  • debounce on input field onChange callback

Done ✓

  • filter English -> Chinese
  • filter Chinese -> English
  • load detail modal (display other attrs from word object) on click

Contributing

Any contributions are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request