{"id":15130218,"url":"https://github.com/nagarehazh/fullstactkramchallenge","last_synced_at":"2026-02-02T20:04:32.131Z","repository":{"id":256981650,"uuid":"856970343","full_name":"Nagarehazh/FullStactkRaMChallenge","owner":"Nagarehazh","description":"Full Stack Challenge ","archived":false,"fork":false,"pushed_at":"2024-09-15T10:30:09.000Z","size":6259,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-05T19:41:29.350Z","etag":null,"topics":["apolo-graphql","cronjob","decorators","expressjs","graph-request","graphql","hexagonal-architecture","jest","nextjs","postgresql","react","redis","typeorm","typeorm-migration","typeorm-seeding","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/Nagarehazh.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}},"created_at":"2024-09-13T14:54:58.000Z","updated_at":"2024-09-15T10:30:12.000Z","dependencies_parsed_at":"2024-09-16T08:52:28.677Z","dependency_job_id":null,"html_url":"https://github.com/Nagarehazh/FullStactkRaMChallenge","commit_stats":null,"previous_names":["nagarehazh/fullstactkramchallenge"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Nagarehazh/FullStactkRaMChallenge","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nagarehazh%2FFullStactkRaMChallenge","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nagarehazh%2FFullStactkRaMChallenge/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nagarehazh%2FFullStactkRaMChallenge/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nagarehazh%2FFullStactkRaMChallenge/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Nagarehazh","download_url":"https://codeload.github.com/Nagarehazh/FullStactkRaMChallenge/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nagarehazh%2FFullStactkRaMChallenge/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263671814,"owners_count":23494044,"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":["apolo-graphql","cronjob","decorators","expressjs","graph-request","graphql","hexagonal-architecture","jest","nextjs","postgresql","react","redis","typeorm","typeorm-migration","typeorm-seeding","typescript"],"created_at":"2024-09-26T02:42:16.709Z","updated_at":"2026-02-02T20:04:32.064Z","avatar_url":"https://github.com/Nagarehazh.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Rick and Morty Characters\n\nEste proyecto es una aplicación full stack en respuesta a Challenge laboral. Permite buscar y gestionar personajes de la serie Rick y Morty, utilizando la API pública de Rick y Morty.\n\n# Tabla de Índice\n\n- [Rick and Morty Characters](#rick-and-morty-character-explorer)\n    - [Tecnologías utilizadas](#tecnologías-utilizadas)\n    - [Requisitos previos](#requisitos-previos)\n    - [Configuración y ejecución](#configuración-y-ejecución)\n        - [Backend](#backend)\n            - [Uso de Apollo GraphQL](#uso-de-apollo-graphql)\n                - [Queries y Mutations](#queries-y-mutations)\n        - [Frontend](#frontend)\n    - [Uso de la aplicación](#uso-de-la-aplicación)\n    - [Diagrama ERD](#diagrama-erd)\n    - [Flujo operativo](#flujo-operativo)\n    - [Imágenes](#imágenes)\n- [Agradecimiento](#agradecimiento)\n\n\n## Tecnologías utilizadas\n\n- Frontend: React 18, GraphQL, Nextjs, TailwindCSS, Typescript\n- Backend: Express, GraphQL, TypeScript, Typeorm, Redis\n- Base de datos: PostgreSQL\n- Dockerfile - docker compose\n- Patrón hexagonal\n\n## Requisitos previos\n\n- Docker y Docker Compose\n- Node.js (versión 18 o superior)\n- npm\n\n## Configuración y ejecución\n\n1. Clona el repositorio:\n\n```bash\ngit clone https://github.com/Nagarehazh/FullStactkRaMChallenge.git\n```\n\n## Backend\n```bash\ncd server\n```\n\n1. Crea un archivo .env en la raíz del proyecto con el siguiente contenido:\n```\nDATABASE_URL=postgres://postgres:password@postgres_db:5432/rickmorty_db\nDB_HOST=postgres_db\nDB_PORT=5432\nDB_USERNAME=postgres\nDB_PASSWORD=password\nDB_NAME=rickmorty_db\n```\n\n2. Inicia los contenedores Docker:\n\n```bash\ndocker-compose up --build\n```\n\nEste comando iniciará los contenedores para PostgreSQL, Redis y la aplicación del servidor.\n\n4. La aplicación estará disponible en http://localhost:4040/graphql\n\n## Uso de Apollo GraphQL\n\nPara interactuar con la API GraphQL, utiliza la configuración de Apollo Studio Explorer, que estará disponible en `http://localhost:4040/graphql` una vez que la aplicación esté en funcionamiento.\n\n![Filtros](./client/public/graph_presentation.png)\n\n### Queries y Mutations\n\n1. Obtener personajes:\n\n```graphql\nquery GetCharacters {\n  getCharacters(status: \"Alive\", species: \"Human\") {\n    id\n    name\n    status\n    species\n    gender\n    origin\n    image\n     comments {\n      id\n      content\n     }\n    favorites {\n      id\n    }\n  }\n}\n```\n\n2. Importar personajes:\n\n```graphql\nmutation ImportCharacters {\n  importCharacters(count: 15) {\n    id\n    name\n    status\n  }\n}\n```\n\n3. Agregar un comentario:\n\n```graphql\nmutation AddComment {\n  addComment(characterId: \"1\", content: \"Este es un personaje genial\") {\n    success\n    message\n    comment {\n      id\n      content\n    }\n  }\n}\n```\n\n4. Marcar/Desmarcar favorito:\n\n```graphql\nmutation ToggleFavorite {\n  toggleFavorite(characterId: \"1\") {\n    success\n    message\n    favorite {\n      id\n      characterId\n    }\n  }\n}\n```\n\n5. Verificar el estado de salud del servidor:\n\n```graphql\nquery HealthCheck {\n  healthCheck {\n    status\n  }\n}\n```\n\n![Filtros](./client/public/graph_02.png)\n\n## Frontend\n```bash\ncd client\n```\n\n1. instalamos las dependencias:\n\n```bash\nnpm install\n```\n\n2. Inicia la aplicación:\n\n```bash\nnpm run dev\n```\n\nLa aplicación estará disponible en http://localhost:3000\n\n## Uso de la aplicación\n\n1. Busca personajes por nombre\n2. Filtra personajes por estado, especie, género y origen\n3. Agrega comentarios a los personajes\n4. Marca tus personajes favoritos\n5. **Cron Job**: node-cron para actualización automática de personajes \n6. Seed inicial de base de datos con 15 personajes\n\n## Diagrama ERD\n\n![Filtros](./client/public/diagrama_erd.png)\n\n## Flujo operativo\n![Filtros](./client/public/presentation_05.png)\n\n## Imágenes\n![Hero Presentation](./client/public/hero_presentation.png)\n\n![Catalago](./client/public/presentation_02.png)\n\n![Filtros](./client/public/presentation_03.png)\n\n![Filtros](./client/public/presentation_04.png)\n\n# Agradecimiento\nQuiero expresar mi más sincero agradecimiento por la oportunidad de participar en este challenge. Espero que el resultado cumpla con sus expectativas y estoy ansioso por nuestro encuentro. ¡Un gran abrazo Team!\n\ncon cariño Harley Zapata\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnagarehazh%2Ffullstactkramchallenge","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnagarehazh%2Ffullstactkramchallenge","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnagarehazh%2Ffullstactkramchallenge/lists"}