fluent Client

Welcome to fluent, an app where you can practice learning a language with the spaced reptition revision technique.

fluent Client is the frontend for fluent. To see fluent in action, check out fluent.

The fluent backend can be found at: fluent-api

fluent supports the creation of your own user account. If you'd like to see it in action before signing up, use the demo account details below.

demo account details

• username: admin
• password: pass

what is spaced repetition?

Spaced repetition is a learning technique which exploits the psychological spacing effect. Within fluent, this means that words that you translate correctly will pop up with increasingly less frequency with consecutive correct answers. Conversely, get a word wrong and that word will begin to pop up more frequently.

table of contents.

• demo account details
• a quick look at our lewk
• the tech
  • frontend
  • testing
  • production
• setup
  • local setup
• quick start
• component overview
  • registration route
  • login route
  • dashboard route
  • learning route
  • learning route correct
  • learning route incorrect

a quick look at our lewk.

the tech.

frontend.

• React
  • Create React App
  • React Router
• HTML5
• CSS3

testing.

• Cypress

production.

• Deployed via Vercel

setup.

local setup.

Clone this repository to your local machine

git clone https://github.com/trevorjalt/fluent-client fluent-client

Change directory into the cloned repository

cd fluent-client

Make a fresh start of the git history for this project

rm -rf .git && git init

Install the node dependencies

npm install

Follow the setup instructions to get fluent Api up and running.

quick start scripts.

Start the application

npm start

With the client running, open a new terminal. Navigate to the fluent-client root. Run the fluent tests.

npm run cypress:open

component overview.

registration route.

login route.

dashboard route.

learning route.

learning route correct.

learning route incorrect.

lets get fluent.