yu-tzi/kiwords

Word card app using React and Firebase

KiWords

KiWords is a language learning tools.

TAKE A LOOK ( Provide Google and Facebook Login )

• User can create flashcards quickly with the help of word searching function.
• User can take quizzes using word cards they created.
• User can view their achievement in the form of weekly heatmap.

Technologies

• Front-End Fundamental

  • HTML
  • CSS
  • Javascript
  • RWD

• Framework

  • React
  • React Hook
  • React Router
  • React Transition Group

• Third-party API

  • Word-finding query engine : Datamuse
  • Dictionary API : Merriam-Webster Dictionary

• Firebase

  • Firestore
  • Hosting
  • Authentication
  • Storage

• Other

  • Webpack
  • Babel
  • Git / GitHub
  • Jest, Enzyme

Website Demo

1. Search Auto-compeleted Feature

2. Manage Flashcards Feature

3. Drag and Drop Feature

4. Data visualization Feature

5. Image Upload Feature

6. Responsive web design

TODO

• Improve compatibility for different browser and device.
• Manage day changing function in chart area in Dashboard page myself without any help from library.
• Allow users to edit their flashcards in Word Detail page.
• Implement Sass.

Contact

E-mail : kikilo20041212@gmail.com