{"id":15994097,"url":"https://github.com/yuridevat/pokemon","last_synced_at":"2025-05-07T07:01:31.224Z","repository":{"id":63047224,"uuid":"436770355","full_name":"YuriDevAT/pokemon","owner":"YuriDevAT","description":"To celebrate 25 years of Pokemon I created a ReactJS App fetching data from the pokeAPI.","archived":false,"fork":false,"pushed_at":"2022-11-12T07:38:28.000Z","size":4024,"stargazers_count":3,"open_issues_count":6,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-31T07:34:05.076Z","etag":null,"topics":["pokeapi","pokedex","pokemon","react-router-dom","reactjs","scss"],"latest_commit_sha":null,"homepage":"https://pokemon25.netlify.app/","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/YuriDevAT.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}},"created_at":"2021-12-09T21:46:15.000Z","updated_at":"2024-09-01T11:55:52.000Z","dependencies_parsed_at":"2023-01-22T20:00:07.640Z","dependency_job_id":null,"html_url":"https://github.com/YuriDevAT/pokemon","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YuriDevAT%2Fpokemon","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YuriDevAT%2Fpokemon/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YuriDevAT%2Fpokemon/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YuriDevAT%2Fpokemon/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/YuriDevAT","download_url":"https://codeload.github.com/YuriDevAT/pokemon/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252831253,"owners_count":21810783,"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":["pokeapi","pokedex","pokemon","react-router-dom","reactjs","scss"],"created_at":"2024-10-08T07:05:56.074Z","updated_at":"2025-05-07T07:01:31.140Z","avatar_url":"https://github.com/YuriDevAT.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 25 years of Pokemon\n\nOn the occasion of the 25th anniversary of Pokemon, I created an app related to\nPokemon with the data fetched from the [PokeAPI](https://pokeapi.co/) a Pokedex\nusing ReactJS and Bootstrap, deployed with Netlify, which allows the user to click\non each Pokemon to show detailed information.\n\nThe user can scroll through the Pokedex which contains more than 800 different\nPokemon. A button on the lower right corner will appear shortly after starting to\nscroll to bring the user to the top of the page in one click.\n\n[![App preview](https://github.com/YuriDevAT/pokemon/blob/master/public/images/thumbnail-pokemon.png)](https://youtu.be/dBOb1VuNnA4)\n\n## Fetched data\n\nThe user can click on each Pokemon to show detailed information of each Pokemon,\nlike stats, moves, abilities, types and their evolution, fetched from different\nAPI links. Depending of the type ofthe clicked Pokemon the background color is\ncustomized.\n\nUsed API links:\n- https://pokeapi.co/api/v2/pokemon?limit=898 to fetch all Pokemon\n- https://pokeapi.co/api/v2/pokemon/${id} to fetch an individual Pokemon by its id\n- https://pokeapi.co/api/v2/pokemon-species/${id} to fetch an individual Pokemon by its id\n- https://pokeapi.co/api/v2/evolution-chain/${id}/ to fetch the evolution chain of each pokemon\n- https://assets.pokemon.com/assets/cms2/img/pokedex/detail/${id}.png to fetch img of each pokemon\n\n\n## Live view of the app\n\nThe app was deployed with Netlify. Follow the link to check out the app:\n[Pokemon app](https://pokemon25.netlify.app/).\n\n## Evolution\n\nThe appearance of evolution and its value depends on the evolution chain of each\nPokemon. \\\nFour examples will demonstrate these differences:\n\n- Pokemon [115: Kangaskhan](https://pokemon25.netlify.app/pokemon/265), which\n  does not have an evolution. Therefore, the tab is disabled.\n  \n  \u003cimg width=\"400\" src=\"https://github.com/YuriDevAT/pokemon/blob/master/public/images/kangaskhan.png\" /\u003e\n- Pokemon [133: Eevee](https://pokemon25.netlify.app/pokemon/133), whish has\n  several evolutions depending on which stone is used to force an evolution.\n  \n  \u003cimg width=\"400\" src=\"https://github.com/YuriDevAT/pokemon/blob/master/public/images/eevee.png\" /\u003e\n- Pokemon [265: Wurmple](https://pokemon25.netlify.app/pokemon/265), which has\n  two different first evolutions (depending on their nature) which then evolutes to\n  an individuell second state.\n  \n  \u003cimg width=\"400\" src=\"https://github.com/YuriDevAT/pokemon/blob/master/public/images/wurmple.png\" /\u003e\n- Pokemon [280: Ralts](https://pokemon25.netlify.app/pokemon/280), which has two\n  different second evolution depending on its nature.\n  \n  \u003cimg width=\"400\" src=\"https://github.com/YuriDevAT/pokemon/blob/master/public/images/ralts.png\" /\u003e\n\nThere may be other Pokemon with other kind of singularities which I am not aware\nat this stage now.\n\n## Open issues\n\nThe app is still a work in progress. To see open issues please take a look on\nthe GitHub Repo [issue section](https://github.com/YuriDevAT/pokemon/issues).\n\n# Getting Started with Create React App\n\nThis project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).\n\n## Download the app by cloning the repository\n\nUse `git clone https://github.com/YuriDevAT/pokemon.git` do download the app.\n\nOpen the project directory by running the command `cd pokemon` in the command line.\\\nWhen using VSC run the command `code .` to open the project in VSC.\n\n## Available Scripts\n\nIn the project directory, you can run:\n\n### `npm start`\n\nRuns the app in the development mode.\\\nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\nThe page will reload if you make edits.\\\nYou will also see any lint errors in the console.\n\n### `npm test`\n\nOnce tests are fully written, `npm test` will launch the test runner in the\ninteractive watch mode.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyuridevat%2Fpokemon","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyuridevat%2Fpokemon","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyuridevat%2Fpokemon/lists"}