{"id":22300201,"url":"https://github.com/codeslator/firmavirtual-pokefront","last_synced_at":"2025-03-25T23:21:53.579Z","repository":{"id":242729582,"uuid":"809377060","full_name":"codeslator/firmavirtual-pokefront","owner":"codeslator","description":"FirmaVirtual Technical Test Pokemon App - Front-End - React + TypeScript + Tailwind","archived":false,"fork":false,"pushed_at":"2024-06-05T18:09:39.000Z","size":91,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"devel","last_synced_at":"2025-01-30T20:39:09.000Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/codeslator.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-06-02T14:19:52.000Z","updated_at":"2024-06-05T18:09:42.000Z","dependencies_parsed_at":"2025-01-30T20:30:38.242Z","dependency_job_id":"9bec6e67-82eb-4406-b0ad-c84e867eb6c3","html_url":"https://github.com/codeslator/firmavirtual-pokefront","commit_stats":null,"previous_names":["codeslator/firmavirtual-pokefront"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeslator%2Ffirmavirtual-pokefront","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeslator%2Ffirmavirtual-pokefront/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeslator%2Ffirmavirtual-pokefront/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeslator%2Ffirmavirtual-pokefront/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codeslator","download_url":"https://codeload.github.com/codeslator/firmavirtual-pokefront/tar.gz/refs/heads/devel","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245557679,"owners_count":20635024,"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":[],"created_at":"2024-12-03T18:09:51.912Z","updated_at":"2025-03-25T23:21:53.560Z","avatar_url":"https://github.com/codeslator.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# FirmaVirtual PokeFront\nTechnical Test by **FirmaVirtual Mexico** - @codeslator (Andres Melendez) - WebApp built with **React + Vite + TypeScript** using **TailwindCSS + DaisyUI** to develop UI components and **TanStack React Query** to make requests to **FirmaVirtual PokeAPI**.\n## Requirements\nTo run this app, you must have installed Node \u0026 NPM.\n\n## Installation\n\nThis README has the instructions to install and execute this webapp. The first step is clone the repository from **GitHub**.\n```bash\ngit https://github.com/codeslator/firmavirtual-pokefront.git\n```\nAfter clone the repository, you must to install all dependencies.\n```bash\ncd firmavirtual-pokefront\nnpm install\n```\n When dependencies are installed, before run the webapp in local, make sure you have the `.env` file in the repository with the following variables:\n ```\nVITE_FIRMAVIRTUAL_API_URL=http://localhost:3000\n```\nAfter add environment variables, you can execute the Vite App using the following command:\n```bash\nnpm run dev\n```\nIf application started correctly, will be listen in **5173** port. Open in your Browser the following URL: `http://localhost:5173/`. Now the **React** created with **Vite** is running. Great!\nFinally, you can start to navigate in the webapp. **Good job!**\n\n## Directory Structure\nThe WebApp project has the following directory structure:\n```\n├── src\n│   ├── apis\n│   │   ├── firmaVirtualApi.ts\n│   │   └── index.ts\n│   ├── global\n│   │   ├── ...\n│   │   └── index.ts\n│   ├── hooks\n│   │   ├── ...\n│   │   └── index.ts\n│   ├── interfaces\n│   │   ├── ...\n│   │   └── index.ts\n│   ├── router\n│   │   ├── ...\n│   │   └── index.tsx\n│   ├── services\n│   │   ├── ...\n│   │   └── index.ts\n│   ├── views\n│   │   ├── assets\n│   │   ├── common\n│   │   ├── components\n│   │   ├── layouts\n│   │   └── pages\n│   ├── App.tsx\n│   ├── index.css\n│   ├── main.tsx\n├── .env\n├── ...\n├── index.html\n├── docker-compose.yml\n├── package.json\n├── postcss.config.json\n├── tailwind.config.json\n├── tsconfig.json\n├── tsconfig.node.json\n├── README.md\n└── vite.config.ts\n```\nThis was part of the developement of this Technical Test. **I hope you like it!** Thanks for this opportunity and sorry for delay.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodeslator%2Ffirmavirtual-pokefront","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodeslator%2Ffirmavirtual-pokefront","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodeslator%2Ffirmavirtual-pokefront/lists"}