{"id":28305530,"url":"https://github.com/pablomg-dev/proyectofinalreact25017","last_synced_at":"2025-07-08T22:05:21.420Z","repository":{"id":292943820,"uuid":"982452383","full_name":"pablomg-dev/ProyectoFinalReact25017","owner":"pablomg-dev","description":"Proyecto para el curso de React de Talento Tech BA","archived":false,"fork":false,"pushed_at":"2025-06-29T22:46:37.000Z","size":147,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-29T23:28:49.624Z","etag":null,"topics":["api","bootstrap","css3","html5","javascript","react","react-hooks"],"latest_commit_sha":null,"homepage":"https://proyectofinalreact25017.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pablomg-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-05-12T22:58:28.000Z","updated_at":"2025-06-29T22:46:41.000Z","dependencies_parsed_at":"2025-05-27T02:20:15.227Z","dependency_job_id":"50232b37-45ee-42a6-997b-97fb33f8038f","html_url":"https://github.com/pablomg-dev/ProyectoFinalReact25017","commit_stats":null,"previous_names":["pablomg-dev/proyectofinalreact25017"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/pablomg-dev/ProyectoFinalReact25017","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pablomg-dev%2FProyectoFinalReact25017","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pablomg-dev%2FProyectoFinalReact25017/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pablomg-dev%2FProyectoFinalReact25017/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pablomg-dev%2FProyectoFinalReact25017/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pablomg-dev","download_url":"https://codeload.github.com/pablomg-dev/ProyectoFinalReact25017/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pablomg-dev%2FProyectoFinalReact25017/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264357296,"owners_count":23595576,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api","bootstrap","css3","html5","javascript","react","react-hooks"],"created_at":"2025-05-24T02:12:48.845Z","updated_at":"2025-07-08T22:05:21.403Z","avatar_url":"https://github.com/pablomg-dev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Proyecto tienda online para el curso de React de Talento Tech BA\n\nEste es un proyecto de tienda online desarrollado para el curso de React de Talento Tech BA. Permite a los usuarios explorar productos, agregarlos al carrito, eliminarlos, y a los administradores gestionar el inventario de productos.\n\n---\n\n## Características principales\n\n- Catálogo de productos interactivo (FakeStoreAPI y MockAPI)\n- Carrito de compras con suma y eliminación de productos\n- Panel de administración para agregar, editar y eliminar productos (MockAPI)\n- Autenticación simple para acceso a funciones de administración\n- Diseño responsivo con **React-Bootstrap**\n- Iconos modernos con **React-Bootstrap Icons**\n- Modales de confirmación para acciones importantes\n- Feedback visual con **react-toastify**\n- SEO con **react-helmet-async**\n- Estilos personalizados con **styled-components**\n\n---\n\n## Tecnologías Utilizadas\n\n- **React**: Biblioteca para construir interfaces de usuario\n- **Vite**: Entorno de desarrollo rápido\n- **React-Bootstrap**: Componentes Bootstrap para React\n- **React-Bootstrap Icons**: Iconos SVG para React\n- **React Router DOM**: Navegación entre páginas\n- **styled-components**: CSS-in-JS para estilos personalizados\n- **react-toastify**: Notificaciones y feedback visual\n- **react-helmet-async**: SEO y gestión de metadatos\n- **FakeStoreAPI**: API REST simulada para productos generales ([ver FakeStoreAPI](https://fakestoreapi.com/))\n- **MockAPI**: API REST ficticia para gestión de productos administrados ([ver MockAPI](https://mockapi.io/))\n\n---\n\n## Cómo ejecutar el proyecto\n\n1. Clona el repositorio:\n    ```bash\n    git clone https://github.com/pablomg-dev/ProyectoFinalReact25017.git\n    ```\n2. Ingresa al directorio del proyecto:\n    ```bash\n    cd ProyectoFinalReact25017\n    ```\n3. Instala las dependencias:\n    ```bash\n    npm install\n    ```\n4. Inicia la aplicación en modo desarrollo:\n    ```bash\n    npm run dev\n    ```\n    La app se abrirá en tu navegador en `http://localhost:5173`.\n\n---\n\n## Uso de MockAPI\n\nEl backend ficticio para la gestión de productos en el panel de administración utiliza [MockAPI](https://mockapi.io/). Puedes ver, agregar, editar y eliminar productos desde la sección **Admin**. Todas las operaciones CRUD se realizan contra la URL de MockAPI configurada en el código.\n\n---\n\n## Credenciales de Acceso\n\nPara iniciar sesión como usuario administrador:\n\n- **Usuario**: `admin`\n- **Contraseña**: `admin123`\n\n---\n\n## Notas adicionales\n\n- Si intentas agregar productos al carrito sin estar logueado, la app te pedirá iniciar sesión (en inglés).\n- El proyecto es solo para fines educativos y no utiliza un backend real ni almacenamiento persistente.\n- Puedes personalizar la URL de MockAPI en el código fuente si deseas usar tu propia instancia.\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpablomg-dev%2Fproyectofinalreact25017","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpablomg-dev%2Fproyectofinalreact25017","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpablomg-dev%2Fproyectofinalreact25017/lists"}