A front-end application that serves as a study aid through the creation of flash cards for memorizing definitions, words, concepts, acronyms, etc.
| Dependency | Version |
|---|---|
| @Babel/Core | 7.8.6 |
| @Babel/Plugin-Transform-React-JSX | 7.8.3 |
| Babel-Loader | 8.0.6 |
| Bootstrap | 4.4.1 |
| FontAwesome | 5.9.0 |
| React | 16.13.0 |
| React-DOM | 16.13.0 |
| Reactstrap | 8.4.1 |
| Webpack | 4.42.0 |
| Webpack-CLI | 3.3.11 |
| Webpack-Dev-Server | 3.10.3 |
Try the application live on my porftolio website
- * User can create flash cards consisting of a front-side (question) and back-side (answer)
- * User can view all flash cards at once on a single, summary page
- * User has the option to edit or delete each card on the summary page
- * User can test his/her knowledge of the flash cards by going to the review page
- * User can skim through all the cards on the review page and click on each one to flip it and reveal the answer
- * User can still see the flash cards upon exiting the browser thanks to the utilization of local storage
| Requirement | Version |
|---|---|
| Node | 10 or higher |
| NPM | 6 or higher |
- Clone the repoistory
git clone https://github.com/Keith-Tachibana/Flash_Cards_React.git- Change directory to cloned folder
cd Flash_Cards_React/- Install all dependencies with NPM
npm install- Transpile React components and start dev server using Webpack
npm run start- Open your default web browser and navigate to http://localhost:3009/ to see the result!