From 7559aaf54628e2e62208b2de7ce2b915c73c3dcc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?G=C3=A9nesis=20Falc=C3=B3n?= Date: Fri, 6 Feb 2026 23:41:14 +0100 Subject: [PATCH 1/6] genesi-react --- .vscode/settings.json | 3 ++ package-lock.json | 7 ++++ src/js/components/Card.jsx | 22 ++++++++++++ src/js/components/Footer.jsx | 18 ++++++++++ src/js/components/Home.jsx | 69 +++++++++++++++++++++++++++--------- 5 files changed, 102 insertions(+), 17 deletions(-) create mode 100644 src/js/components/Card.jsx create mode 100644 src/js/components/Footer.jsx diff --git a/.vscode/settings.json b/.vscode/settings.json index d83b5ba6c..b4cb7ea09 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -3,5 +3,8 @@ "editor.defaultFormatter": "esbenp.prettier-vscode", "workbench.editorAssociations": { "*.md": "vscode.markdown.preview.editor" + }, + "[javascriptreact]": { + "editor.defaultFormatter": "vscode.typescript-language-features" } } \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index d6b5fd56a..928aff12f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -21,6 +21,9 @@ "eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-refresh": "^0.4.6", "vite": "^5.2.0" + }, + "engines": { + "node": ">=20.0.0" } }, "node_modules/@eslint-community/eslint-utils": { @@ -7118,6 +7121,7 @@ "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz", "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==", "dev": true, + "peer": true, "dependencies": { "@eslint-community/eslint-utils": "^4.2.0", "@eslint-community/regexpp": "^4.6.1", @@ -7295,6 +7299,7 @@ "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz", "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==", "dev": true, + "peer": true, "bin": { "acorn": "bin/acorn" }, @@ -11373,6 +11378,7 @@ "version": "18.2.0", "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz", "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==", + "peer": true, "dependencies": { "loose-envify": "^1.1.0" }, @@ -12537,6 +12543,7 @@ "resolved": "https://registry.npmjs.org/vite/-/vite-5.2.8.tgz", "integrity": "sha512-OyZR+c1CE8yeHw5V5t59aXsUPPVTHMDjEZz8MgguLL/Q7NblxhZUlTu9xSPqlsUO/y+X7dlU05jdhvyycD55DA==", "dev": true, + "peer": true, "dependencies": { "esbuild": "^0.20.1", "postcss": "^8.4.38", diff --git a/src/js/components/Card.jsx b/src/js/components/Card.jsx new file mode 100644 index 000000000..ca70ab9b6 --- /dev/null +++ b/src/js/components/Card.jsx @@ -0,0 +1,22 @@ +import React from "react"; + +const Card = (props) => { + const { image, title, description } = props; + return ( + +
+
+ {title} +
+

{title}

+

{description}

+
{/*este div cierra h-100*/} +
+ Find Out More! +
+
+
+ ); +}; + +export default Card; diff --git a/src/js/components/Footer.jsx b/src/js/components/Footer.jsx new file mode 100644 index 000000000..911d15e94 --- /dev/null +++ b/src/js/components/Footer.jsx @@ -0,0 +1,18 @@ +import React from "react"; + +const Footer = () => { + return ( + + + ); +}; +export default Footer; diff --git a/src/js/components/Home.jsx b/src/js/components/Home.jsx index 74bc8d768..18a682ed1 100644 --- a/src/js/components/Home.jsx +++ b/src/js/components/Home.jsx @@ -1,26 +1,61 @@ import React from "react"; +//// aqui el import de navbar// +/// aqui el jumbotrom//// + + + + +import Card from "./Card"; +import Footer from "./Footer"; -//include images into your bundle -import rigoImage from "../../img/rigo-baby.jpg"; -//create your first component const Home = () => { return (
- - -

Hello Rigo!

-

- -

- - If you see this green button... bootstrap is working... - -

- Made by{" "} - 4Geeks Academy, with - love! -

+ {/* aqui va el navbar y el jumbotrom*/} + + + + + + + + +
+
+ + + + + + + + + +
+
+
+ + + + +
); }; From 85fb77c0287f924aa9509ee0df57b96bfa9f9966 Mon Sep 17 00:00:00 2001 From: Jonathan C Date: Sun, 8 Feb 2026 18:57:54 +0000 Subject: [PATCH 2/6] aprendiendo-react> --- package-lock.json | 3 ++ src/js/components/Home.jsx | 27 ++++++------------ src/js/components/Jumbotron.jsx | 13 +++++++++ src/js/components/NavbarComponents.jsx | 38 ++++++++++++++++++++++++++ 4 files changed, 62 insertions(+), 19 deletions(-) create mode 100644 src/js/components/Jumbotron.jsx create mode 100644 src/js/components/NavbarComponents.jsx diff --git a/package-lock.json b/package-lock.json index d6b5fd56a..a87d148a9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -21,6 +21,9 @@ "eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-refresh": "^0.4.6", "vite": "^5.2.0" + }, + "engines": { + "node": ">=20.0.0" } }, "node_modules/@eslint-community/eslint-utils": { diff --git a/src/js/components/Home.jsx b/src/js/components/Home.jsx index 74bc8d768..2484fccd9 100644 --- a/src/js/components/Home.jsx +++ b/src/js/components/Home.jsx @@ -1,28 +1,17 @@ import React from "react"; - +import NavbarComponent from "./NavbarComponents"; +import Jumbotron from "./Jumbotron"; //include images into your bundle -import rigoImage from "../../img/rigo-baby.jpg"; //create your first component const Home = () => { return ( -
- - -

Hello Rigo!

-

- -

- - If you see this green button... bootstrap is working... - -

- Made by{" "} - 4Geeks Academy, with - love! -

-
+ <> + + + ); }; -export default Home; \ No newline at end of file +export default Home; + diff --git a/src/js/components/Jumbotron.jsx b/src/js/components/Jumbotron.jsx new file mode 100644 index 000000000..dbbfb4100 --- /dev/null +++ b/src/js/components/Jumbotron.jsx @@ -0,0 +1,13 @@ +function Jumbotron () { + return( +
+
+

A Warm Welcome!

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. A, iste porro inventore voluptatibus veniam, excepturi recusandae dolor aperiam deleniti quisquam sed labore quia? Culpa animi illo, ex distinctio amet explicabo.

+ Call to action! +
+
+ ); +} + +export default Jumbotron; \ No newline at end of file diff --git a/src/js/components/NavbarComponents.jsx b/src/js/components/NavbarComponents.jsx new file mode 100644 index 000000000..1fc2b7832 --- /dev/null +++ b/src/js/components/NavbarComponents.jsx @@ -0,0 +1,38 @@ +function NavbarComponent () { + return ( + + ); + +}; + +export default NavbarComponent; \ No newline at end of file From 3b1b2e976fa3c65805d4e9a63be43c649db2526a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?G=C3=A9nesis=20Falc=C3=B3n?= Date: Mon, 9 Feb 2026 20:13:19 +0100 Subject: [PATCH 3/6] modificaciones --- src/js/components/Footer.jsx | 16 ++++----- src/js/components/Home.jsx | 68 +++++++++++++++++++++++------------- 2 files changed, 50 insertions(+), 34 deletions(-) diff --git a/src/js/components/Footer.jsx b/src/js/components/Footer.jsx index 911d15e94..c686a3701 100644 --- a/src/js/components/Footer.jsx +++ b/src/js/components/Footer.jsx @@ -3,16 +3,14 @@ import React from "react"; const Footer = () => { return ( -
-
-
-

- Copyright © Genesis Falcon -

+
+

+ Copyright © 2026 Jonathan Castañeda Genesis Falcon +

+ +
+ -
-
-
); }; export default Footer; diff --git a/src/js/components/Home.jsx b/src/js/components/Home.jsx index 18a682ed1..31d45a592 100644 --- a/src/js/components/Home.jsx +++ b/src/js/components/Home.jsx @@ -10,6 +10,41 @@ import Footer from "./Footer"; const Home = () => { + + const cardsDatos = [ + + { + id: 1, + image: "https://placehold.co/500x325", + title: "Carta Uno", + description: "Lorem Ipsum is simply dummy text of the printing and typesetting industry." + }, + + { + id: 2, + image: "https://placehold.co/500x325", + title: "Carta Dos", + description: "Lorem Ipsum is simply dummy text of the printing and typesetting industry." + }, + + { + id: 3, + image: "https://placehold.co/500x325", + title: "Carta Tres", + description: "Lorem Ipsum is simply dummy text of the printing and typesetting industry." + }, + + { + id: 4, + image: "https://placehold.co/500x325", + title: "Carta Cuatro", + description: "Lorem Ipsum is simply dummy text of the printing and typesetting industry." + }, + ]; + + + + return (
{/* aqui va el navbar y el jumbotrom*/} @@ -23,31 +58,14 @@ const Home = () => {
- - - - - - - - - + {cardsDatos.map((card) => ( + + ))}
From 2ec2b5975d79cd50b21276f240c1389775f63dec Mon Sep 17 00:00:00 2001 From: Jonathan C Date: Mon, 9 Feb 2026 19:25:41 +0000 Subject: [PATCH 4/6] nueva-rama-react --- src/js/components/Home.jsx | 1 + 1 file changed, 1 insertion(+) diff --git a/src/js/components/Home.jsx b/src/js/components/Home.jsx index 2484fccd9..104aeb01b 100644 --- a/src/js/components/Home.jsx +++ b/src/js/components/Home.jsx @@ -1,3 +1,4 @@ + import React from "react"; import NavbarComponent from "./NavbarComponents"; import Jumbotron from "./Jumbotron"; From c37063d741a929d5dfc918c500a3457e1b1025f8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?G=C3=A9nesis=20Falc=C3=B3n?= Date: Tue, 10 Feb 2026 11:45:08 +0100 Subject: [PATCH 5/6] cambios --- src/js/components/Footer.jsx | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/js/components/Footer.jsx b/src/js/components/Footer.jsx index c686a3701..ae8d43d77 100644 --- a/src/js/components/Footer.jsx +++ b/src/js/components/Footer.jsx @@ -2,12 +2,10 @@ import React from "react"; const Footer = () => { return ( -

Copyright © 2026 Jonathan Castañeda Genesis Falcon

-
From f7a46d2a6c8742247139aa8f2c80aecc2b01fbfb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?G=C3=A9nesis=20Falc=C3=B3n?= Date: Tue, 10 Feb 2026 11:56:57 +0100 Subject: [PATCH 6/6] cambios dos --- src/js/components/Card.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/js/components/Card.jsx b/src/js/components/Card.jsx index ca70ab9b6..14e90b379 100644 --- a/src/js/components/Card.jsx +++ b/src/js/components/Card.jsx @@ -12,7 +12,7 @@ const Card = (props) => {

{description}

{/*este div cierra h-100*/}