Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/olgakapskaya/cards
You can create your own study cards in the app and share them with other students. You can decorate the cards with pictures.
https://github.com/olgakapskaya/cards
eslint material-ui prettier react react-hook-form react-router redux-thunk redux-toolkit typescript
Last synced: about 1 month ago
JSON representation
You can create your own study cards in the app and share them with other students. You can decorate the cards with pictures.
- Host: GitHub
- URL: https://github.com/olgakapskaya/cards
- Owner: OlgaKapskaya
- Created: 2023-01-04T12:18:16.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-01-30T17:16:43.000Z (almost 2 years ago)
- Last Synced: 2023-05-31T11:51:18.330Z (over 1 year ago)
- Topics: eslint, material-ui, prettier, react, react-hook-form, react-router, redux-thunk, redux-toolkit, typescript
- Language: TypeScript
- Homepage: https://olgakapskaya.github.io/cards/
- Size: 3.35 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Cards training
When we collect the answer ourselves and generate it, the brain works more actively. That is why everything we have
spoken and imagined is remembered better than what we have just seen and heard.
This principle is the basis of learning with cards. We see a question - one side of the card with an unfamiliar word or
definition. We then try to find the answer on our own and, if we fail, we open the back side and check ourselves. In
essence, each viewing of a stack of cards is a small personal exam, a test of knowledge. During such a test, information
is absorbed better than in simple reading.
You can create your own study cards in the app and share them with other students. You can decorate the cards with
pictures.
## Authors:
[![Contributors][contributors-shield]][contributors-url]
[](https://olgakapskaya.github.io/cards/)
- [@tepek92](https://github.com/tepek92)
- [@OlgaKapskaya](https://github.com/OlgaKapskaya)
- [@kirkade](https://github.com/kirkade)
## Stack:
- [![React][react.js]][react-url]
- [![Redux-toolkit][rtk]][rtk-url]
- [![Redux-router-dom][rrd]][rrd-url]
- [![Typescript][typescript]][typescript-url]
- [![ESLint][eslint]][eslint-url]
- [![Prettier][prettier]][prettier-url]
- [![MaterialUI][mui]][mui-url]
## Environment Setup:
1. Clone the project onto your machine
```sh
git clone https://github.com/OlgaKapskaya/cards.git
```
2. Install packages
- yarn
```sh
yarn install
```
#### WebStorm is preferred
- Prettier
WebStorm -> Settings -> Languages & Frameworks -> JavaScript -> Prettier -> check the following:
- [x] Prettier Package ~/dev/path-to-project/node_modules/prettier
- [x] Run for Files: {\*\*/\*,\*}.{js,ts,jsx,tsx}
- [x] on 'Reformat Code action'
- [x] on Save
* ESlint
WebStorm -> Settings -> Languages & Frameworks -> Code Quality Tools -> ESlint -> check the following:
- [x] Automatic ESLint configuration
- [x] Run for Files: {\*\*/\*,\*}.{js,ts,jsx,tsx,html,vue}
- [x] Run eslint --fix on save
[contributors-shield]: https://img.shields.io/github/contributors/OlgaKapskaya/cards.svg?style=for-the-badge
[contributors-url]: https://github.com/OlgaKapskaya/cards/graphs/contributors
[react.js]: https://img.shields.io/badge/React-0769AD?style=for-the-badge&logo=react&logoColor=white
[react-url]: https://reactjs.org/
[rtk]: https://img.shields.io/badge/Redux%20Toolkit-0769AD?style=for-the-badge&logo=redux&logoColor=white
[rtk-url]: https://redux-toolkit.js.org/
[rrd]: https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white
[rrd-url]: https://reactrouter.com/en/main
[typescript]: https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white
[typescript-url]: https://www.typescriptlang.org/
[eslint]: https://img.shields.io/badge/eslint-3A33D1?style=for-the-badge&logo=eslint&logoColor=white
[eslint-url]: https://eslint.org/
[prettier]: https://img.shields.io/badge/prettier-1A2C34?style=for-the-badge&logo=prettier&logoColor=F7BA3E
[prettier-url]: https://prettier.io/
[mui]: https://img.shields.io/badge/Material%20UI-007FFF?style=for-the-badge&logo=mui&logoColor=white
[mui-url]: https://mui.com/