{"id":15019560,"url":"https://github.com/cuduy197/vue-flashcard","last_synced_at":"2025-07-27T22:33:28.437Z","repository":{"id":57395938,"uuid":"89634485","full_name":"cuduy197/vue-flashcard","owner":"cuduy197","description":"Rich flashcard component for vue js 2 :tada:","archived":false,"fork":false,"pushed_at":"2017-04-28T13:08:27.000Z","size":5,"stargazers_count":123,"open_issues_count":2,"forks_count":19,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-07-25T08:38:14.858Z","etag":null,"topics":["awesome-vue","flashcards","vue-components","vuejs2"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cuduy197.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-04-27T19:46:46.000Z","updated_at":"2025-06-24T07:59:43.000Z","dependencies_parsed_at":"2022-09-09T16:00:32.187Z","dependency_job_id":null,"html_url":"https://github.com/cuduy197/vue-flashcard","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/cuduy197/vue-flashcard","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cuduy197%2Fvue-flashcard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cuduy197%2Fvue-flashcard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cuduy197%2Fvue-flashcard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cuduy197%2Fvue-flashcard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cuduy197","download_url":"https://codeload.github.com/cuduy197/vue-flashcard/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cuduy197%2Fvue-flashcard/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267436500,"owners_count":24086897,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-27T02:00:11.917Z","response_time":82,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["awesome-vue","flashcards","vue-components","vuejs2"],"created_at":"2024-09-24T19:53:41.741Z","updated_at":"2025-07-27T22:33:28.410Z","avatar_url":"https://github.com/cuduy197.png","language":"Vue","funding_links":[],"categories":["Components \u0026 Libraries","UI组件","UI Components [🔝](#readme)","UI Components"],"sub_categories":["UI Components","杂","Miscellaneous"],"readme":"# Vue Flashcard :zap:\r\n\r\n![Image flashcard](https://media.giphy.com/media/3og0ICaNlqFKHKlXKo/giphy.gif)\r\n+ This is [on GitHub](https://github.com/cuduy197/vue-flashcard)  so let me know if I've b0rked it somewhere, give me a star :star: if you like it \r\n\r\n### :white_check_mark: Install :ok_hand:\r\n``` npm i vue-flashcard```\r\n\r\n### :white_check_mark: Usage :mortar_board:\r\n- Add it to  your component  :tada:\r\n\r\n![Usage image](https://media.giphy.com/media/l1BgQGZQxJcXNiwk8/giphy.gif)\r\n\r\n```javascript\r\nimport vueFlashcard from 'vue-flashcard';\r\n\r\nexport default {\r\n\r\ncomponents : { vueFlashcard }\r\n\r\n}\r\n```\r\n\r\n### :white_check_mark: Example :four_leaf_clover: \r\n\r\n```html\r\n\u003cvue-flashcard \r\nfront=\"hello this is a flashcard\" \r\nback=\"with animation\"\u003e\r\n\u003c/vue-flashcard\u003e\r\n```\r\n### :white_check_mark: :book: Props: \r\n+ `front` ( Front text) [default: \"\"]\r\n+ `back` (Back text) [default: \"\"]\r\n\r\n+ `imgFront` (Image front ) [default: \"\"]\r\n+ `imgBack` (Image back)  [default: \"\"]\r\n\r\n+ `colorFront` (Color front card ) [default: \"white\"]\r\n+ `colorBack` (Color back card ) [default: \"green\"]\r\n\r\n+ `colorTextFront` (Color text front card ) [default: \"black\"]\r\n+ `colorTextBack` (Color text back card ) [default: \"white\"]\r\n\r\n+ `textSizeFront` (Text size front card ) [default: \"2em\"]\r\n+ `textSizeBack` (Text size back card )  [default: \"2em\"]\r\n\r\n+ `headerFront` (Header front text ) [default: \"Do you know?\"]\r\n+ `headerBack` (Header back text )  [default: \"Answer\"]\r\n\r\n+ `footerFront` (Footer front text)  [default: \"Click to show Back\"]\r\n+ `footerBack` (Footer back text ) [default: \"Click to show Front\"]\r\n\r\n\r\n## Make with my old laptop :octocat:  \r\n\r\n[![NPM](https://nodei.co/npm/vue-flashcard.png?downloads=true\u0026downloadRank=true\u0026stars=true)](https://nodei.co/npm/vue-flashcard/)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcuduy197%2Fvue-flashcard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcuduy197%2Fvue-flashcard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcuduy197%2Fvue-flashcard/lists"}