{"id":241,"date":"2026-03-08T23:14:07","date_gmt":"2026-03-09T02:14:07","guid":{"rendered":"https:\/\/talentlylab.com.ar\/wp\/?page_id=241"},"modified":"2026-03-08T23:21:45","modified_gmt":"2026-03-09T02:21:45","slug":"guia-de-proyecto-individual-nexashop-s-a-front-end","status":"publish","type":"page","link":"https:\/\/talentlylab.com.ar\/wp\/guia-de-proyecto-individual-nexashop-s-a-front-end\/","title":{"rendered":"Gu\u00eda de Proyecto Individual: NexaShop S.A (Front End)"},"content":{"rendered":"\n
\n

Gu\u00eda de Proyecto Individual: NexaShop S.A (Front End)<\/strong><\/h2><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n
\"\"<\/figure><\/div>\n\n\n\n
\n

Descripci\u00f3n de la gu\u00eda <\/h2>

Esta gu\u00eda de proyecto<\/strong> propone el desarrollo completo de una tienda online utilizando React y JavaScript moderno<\/strong>, simulando un proyecto real solicitado por una empresa de e-commerce ficticia llamada NexaShop<\/strong>.
A lo largo del proyecto se construir\u00e1 una aplicaci\u00f3n web tipo Single Page Application (SPA)<\/strong> que permitir\u00e1 explorar un cat\u00e1logo de productos, filtrarlos por categor\u00eda o precio, visualizar el detalle de cada producto y gestionar un carrito de compras.
El objetivo de la gu\u00eda es que el estudiante desarrolle una aplicaci\u00f3n realista de comercio electr\u00f3nico aplicando buenas pr\u00e1cticas de desarrollo Front End, arquitectura de componentes y consumo de APIs.<\/p><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n

\n

Informaci\u00f3n de la gu\u00eda <\/h2><\/div><\/div><\/div><\/div>\n\n\n\n
\n

Tipo de proyecto:<\/strong>
Gu\u00eda de proyecto individual
Duraci\u00f3n estimada:<\/strong>
72 horas de desarrollo
Nivel:<\/strong>
Intermedio (Front End)
Modalidad:<\/strong>
Gu\u00eda pr\u00e1ctica paso a paso con desarrollo de una aplicaci\u00f3n completa.
Duraci\u00f3n del acceso:<\/strong>
Acceso al contenido durante 3 meses<\/strong> desde la inscripci\u00f3n.
Certificaci\u00f3n:<\/strong>
Incluye certificado de participaci\u00f3n<\/strong> al completar el proyecto.<\/p><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n

\n

Qu\u00e9 vas a desarrollar<\/h2><\/div><\/div><\/div><\/div>\n\n\n\n
\n

Durante este proyecto construir\u00e1s una tienda online funcional<\/strong> que permita:
– Explorar un cat\u00e1logo de productos
– Filtrar productos por categor\u00eda y precio
– Buscar productos por nombre
– Ver el detalle completo de cada producto
– Gestionar un carrito de compras
– Navegar entre p\u00e1ginas con React Router
– Consumir datos reales desde una API p\u00fablica
– Deployar la aplicaci\u00f3n en producci\u00f3n
El proyecto final ser\u00e1 una aplicaci\u00f3n web deployada<\/strong> y publicada en internet.<\/p><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n

\n

Tecnolog\u00edas que vas a utilizar<\/h2><\/div><\/div><\/div><\/div>\n\n\n\n
\n

– HTML5
– CSS3 (Flexbox y Grid)
– JavaScript ES6+
– React
– React Router
– Context API
– FakeStoreAPI (API REST)
– Git y GitHub
– Vercel o Netlify para deploy<\/p><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n

\n

Precio<\/h2><\/div><\/div><\/div><\/div>\n\n\n\n
\n
<\/div>\n\n\n\n

Para conocer el precio y recibir m\u00e1s informaci\u00f3n sobre el curso, pod\u00e9s comunicarte con nosotros por WhatsApp.<\/p>\n\n\n\n

\n
Precio<\/a><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"

Descripci\u00f3n de la gu\u00eda Esta gu\u00eda de proyecto propone el desarrollo completo de una tienda online utilizando React y JavaScript […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-241","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"berni","author_link":"https:\/\/talentlylab.com.ar\/wp\/author\/berni\/"},"uagb_comment_info":0,"uagb_excerpt":"Descripci\u00f3n de la gu\u00eda Esta gu\u00eda de proyecto propone el desarrollo completo de una tienda online utilizando React y JavaScript […]","_links":{"self":[{"href":"https:\/\/talentlylab.com.ar\/wp\/wp-json\/wp\/v2\/pages\/241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/talentlylab.com.ar\/wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/talentlylab.com.ar\/wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/talentlylab.com.ar\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/talentlylab.com.ar\/wp\/wp-json\/wp\/v2\/comments?post=241"}],"version-history":[{"count":3,"href":"https:\/\/talentlylab.com.ar\/wp\/wp-json\/wp\/v2\/pages\/241\/revisions"}],"predecessor-version":[{"id":250,"href":"https:\/\/talentlylab.com.ar\/wp\/wp-json\/wp\/v2\/pages\/241\/revisions\/250"}],"wp:attachment":[{"href":"https:\/\/talentlylab.com.ar\/wp\/wp-json\/wp\/v2\/media?parent=241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}