Concentration, also known as Matching Pairs, Match Match, Match Up, Memory, Pelmanism, Shinkei-suijaku, Pexeso or simply Pairs, is a card game in which all of the cards are laid face down on a surface and two cards are flipped face up over each turn. The object of the game is to turn over pairs of matching cards.
- using this api to get images api
- Game should have a win mechanism
- Game should have a limit turns (saved in redux store)
- Game should have a Play again Feature:
- Be as Creative as you can having a good UI/UX is important
-
depending on what flow to take
- Follow the component container pattern, so your two main folders inside the
src
will be thecomponents
folder that will contain your components andcontainers
that will contain container components. You can read more about container components here or you can ask you team leader about it for more clarity.
- Follow the component container pattern, so your two main folders inside the
-
You can use
postcss
if you are going with another library that uses something liketailwind
-
Global style variables will be inside a
style
folder inside thesrc
inside aglobals.css.
-
The main folder names inside the
src
should be lower case likecomponents
andcontainer or pages
other folders inside them should be TitleCase likeProgressBar
and files inside these folder will be TitleCase too likeProgressBar.js.
If you need styles then add them with the same.js
file name likeProgressBar.scss
Your project hierarchy should look something similar to this:
.
├── src
├── Pages
├── Homepage
├── ProgressBar.jsx
├── ProgressBar.scss/css
├── components
├── ProgressBar
├── ProgressBar.jsx
├── ProgressBar.scss/css
├── containers
├── About
├── ContactForm.jsx
├── About.js
├── style
├── _variables.scss
- All dependencies inside the
package.json
should be used in the project. - It's recommended to use Yarn to install the packages.
- General use images should be inside a folder inside
src
underimages
and try to usesvg
as much as possible. Component specific images should be under their folders. - You should have prettier extension installed and make sure your code is well formatted before submitting it.