Brainiac-Cards-Frontend

KO | EN

gitlite — search

#typescript #ai-agents #ai #dsh-plugin #deepseek-harness #open-source #cli #claude-code #codex #developer-tools #react #windows

Brainiac-Cards-Frontend

★ 12 Open GitHub ↗

:bowtie: Brainiac Cards - Learn Vocabulary Interactively

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Brainiac Cards

## Learn vocabulary interactively through active recall and repetition

[Brainiac Cards Deployed App](https://braniac-cards.herokuapp.com/)

## User Experience

This web application allows users to study vocabulary in an interactive way. The database is populated with the famous _100 Words Every High School Graduate Should Know_. To practice vocabulary, users:

1. See a word and think of the definition
2. Have the ability to see synonyms
3. See the definition of the word
4. Rate their knowledge of the definition based on a 1-3 scale

Once words are rated they are saved to a database, which sorts words based on user’s selected difficulty level.

### Additional options:

* Upload your own words, definitions, and synonyms
* View saved cards in a carousel-style card viewer
* Delete user-uploaded flashcards

![Brainiac Demo](https://raw.githubusercontent.com/BryanLong14/Brainiac-Cards-Frontend/master/<https:/github.com/BryanLong14/frontend_flashcards_app/blob/master/src/assets/BraniacMovie%20(1).gif>)

## Technologies Used

React / JavaScript / HTML / CSS / Express / Node.js / Knex & PostgreSQL (Developer Created API)

## Author

BryanLong: https://github.com/bryanlong14

## License

MIT

## Local Installation Instructions

Clone this repo, run `npm install` and then `npm start`

Brainiac-Cards-Frontend

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README