Bing Qilin

A Chinese flashcard app where you can study and improve your language skills.

Getting Started

A user must sign up before they are able to use the app (I'm going to change this later).

Deck management

Users are able to Create decks and edit them. They can add as many cards as they'd like to a deck.

Adding new cards

The user can add the English and Chinese as well as the Pinyin for each card. The app features a keyboard with special characters to aid with typing the pinyin.

Study mode

The user can study decks at their own pace.

Technologies Used

• Frontend:
  • HTML5
  • CSS3
  • JavaScript
  • React
• Backend:
  • Node.js
  • Express.js
• Database:
  • MongoDB
  • Mongoose
• Styling:
  • Flexbox
  • Grid Layout
  • Custom CSS
• Version Control:
  • Git
  • GitHub
• Development Tools:
  • Visual Studio Code
  • Lucid Chart
  • Canva
  • Trello

Planning

Trello Board

Live Demo

Check out the app here!

Next Steps

• Add Spaced Repetition System
• Add community features and gamification
• Improve styling
• Add TTS for pronunciation practice