{"id":29580217,"url":"https://github.com/arif-un/pokemon-explorer","last_synced_at":"2026-04-11T14:06:24.231Z","repository":{"id":259184847,"uuid":"853768984","full_name":"Arif-un/pokemon-explorer","owner":"Arif-un","description":"Simple react typescript application based on PokeAPI to  browse, explore and find Pokemons","archived":false,"fork":false,"pushed_at":"2025-01-24T13:33:26.000Z","size":5592,"stargazers_count":1,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-24T14:22:22.397Z","etag":null,"topics":["explore","framer-motion","graphql","jotai","pokeapi","pokemon","pokemon-api","pokemons","react","rest-api","tailwindcss","tanstack-query","tanstack-router","typescript"],"latest_commit_sha":null,"homepage":"https://arif-un.github.io/pokemon-explorer/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Arif-un.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-07T13:40:10.000Z","updated_at":"2025-01-24T13:32:49.000Z","dependencies_parsed_at":"2024-10-23T10:17:27.553Z","dependency_job_id":"17813f96-343c-45e7-8a3a-afb6156c34e7","html_url":"https://github.com/Arif-un/pokemon-explorer","commit_stats":null,"previous_names":["arif-un/pokemon-frontend","arif-un/pokemon-explorer","arif-un/pokemon.github.io"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Arif-un/pokemon-explorer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Arif-un%2Fpokemon-explorer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Arif-un%2Fpokemon-explorer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Arif-un%2Fpokemon-explorer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Arif-un%2Fpokemon-explorer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Arif-un","download_url":"https://codeload.github.com/Arif-un/pokemon-explorer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Arif-un%2Fpokemon-explorer/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265985526,"owners_count":23859904,"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":["explore","framer-motion","graphql","jotai","pokeapi","pokemon","pokemon-api","pokemons","react","rest-api","tailwindcss","tanstack-query","tanstack-router","typescript"],"created_at":"2025-07-19T18:30:20.432Z","updated_at":"2025-12-30T22:07:04.985Z","avatar_url":"https://github.com/Arif-un.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Pokémon Explorer\n\n\u003cimg src=\"https://github.com/Arif-un/pokemon-explorer/blob/main/screenshot.jpg?raw=true\" alt=\"Pokemon website screenshot\" /\u003e\n\n\n## Overview\n\nThis project is a feature-rich frontend application displaying a comprehensive Pokémon list and their details, including types, abilities, and stats. It's built with modern web technologies and best practices, offering a smooth and interactive user experience for Pokémon enthusiasts.\n\n## Technologies Used\n\n- **React**: A popular JavaScript library for building user interfaces.\n- **Vite**: A fast build tool that significantly improves the frontend development experience.\n- **TypeScript**: A typed superset of JavaScript that compiles to plain JavaScript, enhancing code quality and developer productivity.\n- **React Query**: A powerful data synchronization library for React applications.\n- **TanStack Router**: A fully type-safe router for React applications.\n- **Vitest**: A Vite-native unit test framework with a focus on speed and simplicity.\n- **React Testing Library**: A light-weight solution for testing React components.\n- **Jotai**: A primitive and flexible state management library for React.\n- **ESLint**: A static code analysis tool for identifying problematic patterns in JavaScript code.\n- **Tailwind CSS**: A utility-first CSS framework for rapidly building custom user interfaces.\n- **Framer Motion**: A production-ready motion library for React.\n- **GraphQL**: A query language for APIs and a runtime for executing those queries with your existing data.\n- **REST API**: Used alongside GraphQL to fetch data from various endpoints.\n\n## Features\n\n- Display a list of all Pokémon\n- Show detailed information for each Pokémon, including:\n  - Types\n  - Abilities\n  - Stats\n- Smooth animations and transitions using Framer Motion\n- Responsive design with Tailwind CSS\n- Efficient data fetching and caching with React Query\n- Type-safe routing with TanStack Router\n\n## Prerequisites\n\nBefore you begin, ensure you have the following installed on your local machine:\n\n- Node.js (v14.0.0 or later)\n- npm (v6.0.0 or later), yarn (v1.22.0 or later), or pnpm (v6.0.0 or later)\n\n## Installation\n\n1. Clone the repository:\n\n   ```\n   git clone https://github.com/yourusername/pokemon-frontend-app.git\n   ```\n\n2. Navigate to the project directory:\n\n   ```\n   cd pokemon-frontend-app\n   ```\n\n3. Install the dependencies:\n   ```\n   npm install\n   # or\n   yarn install\n   # or\n   pnpm install\n   ```\n\n## Running the Application\n\nTo start the development server:\n\n```\nnpm run dev\n# or\nyarn dev\n# or\npnpm dev\n```\n\nThe application will be available at `http://localhost:5173` (or another port if 5173 is already in use).\n\n## Building for Production\n\nTo create a production build:\n\n```\nnpm run build\n# or\nyarn build\n# or\npnpm build\n```\n\nThe build artifacts will be stored in the `dist/` directory.\n\n## Running Tests\n\nTo run the test suite:\n\n```\nnpm run test\n# or\nyarn test\n# or\npnpm test\n```\n\n## Linting\n\nTo run the linter:\n\n```\nnpm run lint\n# or\nyarn lint\n# or\npnpm lint\n```\n\n## Acknowledgments\n\n- [PokéAPI](https://pokeapi.co/) for providing the Pokémon data\n- All the amazing open-source libraries and tools used in this project\n\n\n## License\nMIT","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farif-un%2Fpokemon-explorer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farif-un%2Fpokemon-explorer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farif-un%2Fpokemon-explorer/lists"}