Jon Garcia-Orad & Hayk Petrosyan: Solution

.gitignore

@@ -1 +1,23 @@
-node_modules
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

.test.txt

@@ -0,0 +1,71 @@
+{state.value.map( ( {id, image, province, offer, street, type, description, price, room, bath, size } ) => {
+            return (
+              <Paper className={classes.paper}>
+                <Grid container spacing={2}>
+                  <Grid item >
+                    <ButtonBase className={classes.image}>
+                      <img className={classes.media} alt="complex" src={image} />
+                    </ButtonBase>
+                  </Grid>
+                  <Grid item xs={12} sm container>
+                    <Grid item xs container direction="column" spacing={2}>
+                      <Grid item xs>
+                        <Typography gutterBottom variant="subtitle1">
+                          {offer} {type} {province}
+                        </Typography>
+                        <Typography variant="body2" gutterBottom>
+                          {description}
+                        </Typography>
+                        <Typography variant="body2" color="textSecondary">
+                          {street}
+                        </Typography>
+                      </Grid>
+                    </Grid>
+                  </Grid>
+                  <Grid item>
+                    <Typography variant="subtitle1" className={classes.price}>190.000,00 €</Typography>
+                  </Grid>
+                </Grid>
+                <Grid container className={classes.iconContainer}>
+                  <Grid item className={classes.iconItem}>
+                    <Typography variant="body2" gutterBottom> 
+                      <KingBedIcon color="disabled"/> 
+                      <Grid item>{room}</Grid>
+                    </Typography>
+                  </Grid>
+
+                  <Grid item className={classes.iconItem}>
+                    <Typography variant="body2" gutterBottom>
+                      <BathtubIcon color="disabled"/> 
+                      <Grid item>{bath}</Grid>
+                    </Typography>
+                  </Grid>
+
+                  <Grid item className={classes.iconItem}>
+                    <Typography variant="body2" gutterBottom>                    
+                      <CropDinIcon color="disabled"/> 
+                      <Grid item>{size} m2</Grid>
+                    </Typography>
+                  </Grid>
+                </Grid>
+
+              </Paper>
+            )
+          })}
+
+
+
+          <Autocomplete
+          id="custom-input-demo"
+          options={cities}
+          onChange={handelChange}
+          renderInput={(params) => (
+            <div ref={params.InputProps.ref}>
+              <input
+                style={{ width: 200 }}
+                type="text"
+                {...params.inputProps}
+              />
+            </div>
+          )}
+        />

README.md

@@ -26,7 +26,6 @@
 - All the code, including comments, needs to be written in English
 - You must use semantic HTML5 elements for all the contents of the application, main, section, form, input types, etc
 
-
 ## Repository
 
 First of all you must fork this project into your GitHub account.
@@ -51,7 +50,6 @@ To create a fork on GitHub is as easy as clicking the “fork” button on the r
 
 \* LocalStorage
 
-
 ## Project delivery
 
 To deliver this project you must follow the steps indicated in the document:

data.json

@@ -0,0 +1,19 @@
+{
+  "posts": [
+    {
+      "id": 1,
+      "title": "json-server",
+      "author": "typicode"
+    }
+  ],
+  "comments": [
+    {
+      "id": 1,
+      "body": "some comment",
+      "postId": 1
+    }
+  ],
+  "profile": {
+    "name": "typicode"
+  }
+}