Introduction

Flashcard is a note app that comes with both web version and mobile version (iOS and Android). The web version is built on React and the mobile version is built on React Native. Other libraries and tools involve are Redux and Ant Design (Front end) and Express & MongoDb (Back-end). The app implemented the following features:

  1. Implemented Google and Facebook OAuth 2.0 login.

  2. User can create note (which we call it as “flashcard”) using built-in markdown editor.

  3. The flashcards are sorted with categories and tags.

  4. User can choose to review a series of flashcards base on either a random selection, or give priority to the flashcards that have been a long time since the last review time

Demo

Source Code - Front-end

Source Code - Back-end

Source Code - Native

Final Product

Index.png
Index.png

Flashcard.png

Editor.png
Editor.png
Index-Native.png CardList-Native.png Card-Native.png