Solution: Tam Tran y Enrique Hidalgo

.eslintrc.js

@@ -14,6 +14,7 @@ module.exports = {
     "plugin:jsx-a11y/recommended",
     "prettier",
     "plugin:cypress/recommended",
+    "plugin:react/recommended",
   ],
   parser: "@babel/eslint-parser",
   parserOptions: {

.husky/.gitignore

@@ -0,0 +1 @@
+_

README.md

@@ -377,3 +377,5 @@ Thanks goes to these wonderful people
 This project follows the
 [all-contributors](https://github.com/all-contributors/all-contributors)
 specification. Contributions of any kind welcome!
+
+- Repo: https://github.com/E-Hidalgo/reactjs-todo-list

css/App.css

@@ -0,0 +1,10 @@
+.query {
+  width: 100%;
+}
+
+@media (max-width: 560px) {
+  .query {
+    max-width: 90%;
+    margin: 0 auto;
+  }
+}/*# sourceMappingURL=App.css.map */

css/EditButton.module.css

@@ -0,0 +1,11 @@
+.editButton {
+  border: none;
+  background: none;
+  font-size: 1rem;
+  color: grey;
+  padding: 0;
+}
+
+.editButton:hover {
+  color: teal;
+}/*# sourceMappingURL=EditButton.module.css.map */

css/FormToDo.module.css

@@ -0,0 +1,15 @@
+@import url("https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap");
+.form {
+  margin-bottom: 20px;
+}
+.form input[type=text] {
+  border: none;
+  height: 66px;
+  width: 100%;
+  padding: 15px;
+  border-radius: 5px;
+}
+.form input[type=text]:focus {
+  outline: none;
+  box-shadow: 1px 0px 5px #25e40c;
+}/*# sourceMappingURL=FormToDo.module.css.map */

css/RemoveButton.module.css

@@ -0,0 +1,11 @@
+.removeButton {
+  padding: 0;
+  border: none;
+  background: none;
+  font-size: 1rem;
+  color: grey;
+}
+
+.removeButton:hover {
+  color: teal;
+}/*# sourceMappingURL=RemoveButton.module.css.map */

css/Task.module.css

@@ -0,0 +1,13 @@
+@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css");
+.task {
+  list-style: none;
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid rgba(80, 77, 77, 0.63);
+  padding: 5px 20px;
+}
+.task .taskControllers {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+}/*# sourceMappingURL=Task.module.css.map */

css/TaskFooter.module.css

@@ -0,0 +1,17 @@
+.taskFooter {
+  margin: 0;
+  padding: 0.5rem;
+  background-color: white;
+  border-radius: 5px;
+  width: 100%;
+  height: auto;
+  display: flex;
+  font-size: 1rem;
+  display: flex;
+  list-style-type: none;
+  justify-content: space-between;
+}
+
+.taskFooter button {
+  border: none;
+}/*# sourceMappingURL=TaskFooter.module.css.map */

css/TaskList.css

@@ -0,0 +1,3 @@
+.taskList {
+  background-color: white;
+}/*# sourceMappingURL=TaskList.css.map */

css/TaskList.module.css

@@ -0,0 +1,15 @@
+.taskList {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  background-color: white;
+  border-radius: 5px;
+  width: 100%;
+  height: auto;
+}
+
+@media (max-width: 560px) {
+  .taskList {
+    width: 100%;
+  }
+}/*# sourceMappingURL=TaskList.module.css.map */

css/Title.module.css

@@ -0,0 +1,4 @@
+.Title {
+  margin-top: 60px;
+  color: white;
+}/*# sourceMappingURL=Title.module.css.map */

css/ToDo.module.css

@@ -0,0 +1,10 @@
+.listContainer {
+  border-radius: 10px;
+  width: 500px;
+}
+
+@media (max-width: 560px) {
+  .listContainer {
+    width: 100%;
+  }
+}/*# sourceMappingURL=ToDo.module.css.map */

css/index.css

@@ -0,0 +1,33 @@
+@import url("https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap");
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  display: flex;
+  justify-content: center;
+  background-image: url("https://cdn.pixabay.com/photo/2017/03/19/12/44/banner-2156399_960_720.jpg");
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-color: #213F5D;
+  font-family: "Open Sans Condensed", sans-serif;
+  font-size: 1.5rem;
+  color: rgba(37, 37, 37, 0.808);
+  margin: 0 auto;
+}
+
+.root {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+}
+
+@media (max-width: 560px) {
+  .root {
+    width: 100%;
+  }
+}/*# sourceMappingURL=index.css.map */