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!