{"id":24277065,"url":"https://github.com/indiecodermm/pokeverse","last_synced_at":"2025-04-13T06:01:56.571Z","repository":{"id":137078334,"uuid":"597036793","full_name":"IndieCoderMM/pokeverse","owner":"IndieCoderMM","description":"SPA created to demonstrate the usage of Redux Toolkit in React app. ","archived":false,"fork":false,"pushed_at":"2023-02-15T15:13:25.000Z","size":2255,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-26T22:36:37.233Z","etag":null,"topics":["pokeapi","react","redux-thunk","redux-toolkit"],"latest_commit_sha":null,"homepage":"https://indiecodermm.github.io/pokeverse/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/IndieCoderMM.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2023-02-03T13:42:37.000Z","updated_at":"2023-07-25T01:25:58.000Z","dependencies_parsed_at":null,"dependency_job_id":"da5e152a-1f79-456c-be6a-318515d93f5d","html_url":"https://github.com/IndieCoderMM/pokeverse","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/IndieCoderMM%2Fpokeverse","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IndieCoderMM%2Fpokeverse/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IndieCoderMM%2Fpokeverse/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IndieCoderMM%2Fpokeverse/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/IndieCoderMM","download_url":"https://codeload.github.com/IndieCoderMM/pokeverse/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248670431,"owners_count":21142903,"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","react","redux-thunk","redux-toolkit"],"created_at":"2025-01-15T23:17:31.423Z","updated_at":"2025-04-13T06:01:56.472Z","avatar_url":"https://github.com/IndieCoderMM.png","language":"JavaScript","readme":"## 📋 Table of Contents\n- [🌱 Pokemon Web App](#-pokemon-web-app)\n  - [🌐 Live Demo](#-live-demo)\n  - [📰 Article](#-article)\n  - [⚙ Built With](#-built-with)\n  - [🛠 Getting Started](#-getting-started)\n    - [📦 Prerequisites](#-prerequisites)\n    - [💾 Installation](#-installation)\n    - [🚀 Deployment](#-deployment)\n  - [📜 License](#-license)\n\n\n# 🌱 Pokemon Web App\nThis is a simple dynamic website that displays info about Pokemons from API, built with React and Redux Toolkit. The goal of this project is to showcase the modern way of using Redux with React and how Redux Toolkit can make it easier to manage the state of an application.\n\n![Screenshot](./app_screenshot.png)\n\n## 🌐 Live Demo\nYou can visit the [live website here](https://indiecodermm.github.io/pokeverse/).\n\n## 📰 Article\nThis project was created for my Medium article on *How to simplify Redux Logic with Redux Toolkit*. The article goes into detail on how to make asynchronous API calls and manage state with Redux Toolkit. If you're interested in learning more about this project, check out the article: \n- [How to Simplify Redux Logic with Redux Toolkit](https://hthant.medium.com/how-to-simplify-redux-logic-with-redux-toolkit-2f2b6db55a2b)\n\nIf you've read the article, I'd love to hear your feedback! 😃\nPlease feel free to leave your thoughts and suggestions in the comments.  \n\n## ⚙ Built With\n- [React.js](https://reactjs.org/) - JavaScript library for building user interfaces\n- [Redux Toolkit](https://redux-toolkit.js.org/) - Batteries-included toolset for efficient Redux development\n- [Poke API](https://pokeapi.co/) - Public API to fetch info about Pokemons\n- [React Bootstrap](https://react-bootstrap.github.io/) - Bootstrap components for styling and layout\n\n## 🛠 Getting Started\nTo get a local copy up and running, follow these steps.\n\n### 📦 Prerequisites\n- [Node.js](https://nodejs.org/en/) installed on your machine\n\n### 💾 Installation\n1. Clone this repo into your project folder\n```sh\ncd my-projects\ngit clone git@github.com:IndieCoderMM/pokeverse.git\n```\n2. Install the dependencies\n```sh\ncd pokeverse\nnpm install\n```\n3. Start the development server\n```sh\nnpm start\n```\n\n### 🚀 Deployment\nYou can deploy this project using:\n```sh\nnpm run build\n```\nThis will create a production-ready build of your website in `build/` folder, which you can use to deploy on GitHub pages or any hosting platform.\n\n**Deploying on GitHub Pages**\n\nTo deploy on GitHub pages, follow these steps.\n1. Create a new GitHub repo and push your project.\n2. Change the `homepage` url in `package.json` file.\n```js\n{\n    ...\n    \"homepage\": \"https://[your_username].github.io/[your_repo_name]\n}\n```\n3. After building the project with `npm run build`, deploy the `build/` folder.\n```sh\nnpm run deploy\n```\nYour project will now be deployed to https://[username].github.io/[repo-name].\n\n## 📜 License\nThis project is licensed under the MIT License - see the [LICENSE](./LICENSE) file for details.","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Findiecodermm%2Fpokeverse","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Findiecodermm%2Fpokeverse","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Findiecodermm%2Fpokeverse/lists"}