{"id":21498144,"url":"https://github.com/rurickdev/aplidex","last_synced_at":"2025-10-26T19:15:12.147Z","repository":{"id":40831200,"uuid":"265457080","full_name":"rurickdev/ApliDex","owner":"rurickdev","description":null,"archived":false,"fork":false,"pushed_at":"2023-01-07T18:21:48.000Z","size":2212,"stargazers_count":1,"open_issues_count":17,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-23T22:20:37.694Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/rurickdev.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":"2020-05-20T05:02:15.000Z","updated_at":"2024-04-02T17:46:46.000Z","dependencies_parsed_at":"2023-02-07T20:15:33.687Z","dependency_job_id":null,"html_url":"https://github.com/rurickdev/ApliDex","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/rurickdev%2FApliDex","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rurickdev%2FApliDex/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rurickdev%2FApliDex/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rurickdev%2FApliDex/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rurickdev","download_url":"https://codeload.github.com/rurickdev/ApliDex/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244036008,"owners_count":20387426,"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-11-23T16:34:58.238Z","updated_at":"2025-10-26T19:15:07.093Z","avatar_url":"https://github.com/rurickdev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ApliDex\n\n### Aplidex it's a Single Web Page that shows the info of the pokemon using the [Pokeapi](https://pokeapi.co)\n\n### To use it only go to [aplidex.rurick.dev](https://aplidex.rurick.dev)\n---\n---\nThe objective is to create a Single Page Application (SPA) that shows a list of pokémon and when one its clicked the side panel shows the details of the selected pokémon like in this mockups\n\n### Desktop Version\n\u003cimg src=\"https://s3.us-east-2.amazonaws.com/cdn.aplidex.rurick.dev/readme/desktop_blank-min.png\"  width=\"512\" height=\"auto\"\u003e\n\u003cimg src=\"https://s3.us-east-2.amazonaws.com/cdn.aplidex.rurick.dev/readme/desktop_selected-min.png\"  width=\"512\" height=\"auto\"\u003e\n\n### Mobile Version\n\u003cimg src=\"https://s3.us-east-2.amazonaws.com/cdn.aplidex.rurick.dev/readme/mobile_blank-min.png\"  width=\"256\" height=\"auto\"\u003e\n\u003cimg src=\"https://s3.us-east-2.amazonaws.com/cdn.aplidex.rurick.dev/readme/mobile_blank_details-min.png\"  width=\"256\" height=\"auto\"\u003e\n\u003cimg src=\"https://s3.us-east-2.amazonaws.com/cdn.aplidex.rurick.dev/readme/mobile_selected-min.png\"  width=\"256\" height=\"auto\"\u003e\n\n[Detailed version](https://www.figma.com/file/BbhSm3yKgu2Y5TGbxfde8J/ApliDex?node-id=0%3A1)\n\n---\nThis is what was finished\n### Desktop Version\n\u003cimg src=\"https://s3.us-east-2.amazonaws.com/cdn.aplidex.rurick.dev/readme/production_desktop_blank.png\"  width=\"512\" height=\"auto\"\u003e\n\u003cimg src=\"https://s3.us-east-2.amazonaws.com/cdn.aplidex.rurick.dev/readme/production_desktop_selected.png\"  width=\"512\" height=\"auto\"\u003e\n\n### Mobile Version\n\u003cimg src=\"https://s3.us-east-2.amazonaws.com/cdn.aplidex.rurick.dev/readme/production_mobile_blank.jpg\"  width=\"256\" height=\"auto\"\u003e\n\u003cimg src=\"https://s3.us-east-2.amazonaws.com/cdn.aplidex.rurick.dev/readme/production_mobile_blank_details.jpg\"  width=\"256\" height=\"auto\"\u003e\n\u003cimg src=\"https://s3.us-east-2.amazonaws.com/cdn.aplidex.rurick.dev/readme/production_mobile_blank_details_2.jpg\"  width=\"256\" height=\"auto\"\u003e\n\u003cimg src=\"https://s3.us-east-2.amazonaws.com/cdn.aplidex.rurick.dev/readme/production_mobile_selected.jpg\"  width=\"256\" height=\"auto\"\u003e\n\u003cimg src=\"https://s3.us-east-2.amazonaws.com/cdn.aplidex.rurick.dev/readme/production_mobile_selected_details.jpg\"  width=\"256\" height=\"auto\"\u003e\n\u003cimg src=\"https://s3.us-east-2.amazonaws.com/cdn.aplidex.rurick.dev/readme/production_mobile_selected_details_2.jpg\"  width=\"256\" height=\"auto\"\u003e\n\nYou could check the production version in [https://aplidex.rurick.dev](https://aplidex.rurick.dev)\n\n---\n\u003e Note: there is a little easter egg in this app. Could you find it?\n\n\u003e Tip: inspect my picture\n---\nTechnologies Used:\n- [NextJs (ReactJs)](https://nextjs.org)\n  - [React Window](https://react-window.now.sh)\n- [Bulma (Sass)](https://bulma.io)\n- [Now (CI / CD)](https://now.sh)\n- [Amazon Web Services](https://aws.amazon.com/)\n  - [S3](https://aws.amazon.com/es/s3/)\n  - [Lambda](https://aws.amazon.com/es/lambda)\n- [Figma (Mockups)](https://figma.com)\n- [GitLab Board (Organization)](https://gitlab.com/rurickdev/aplidex/-/boards)\n- [Material Design Community Icons](https://materialdesignicons.com)\n- [Pokéapi](https://pokeapi.co)\n\nThanks to NextJs it posible to use Server Side Rendering to optimase loading times, and using react window the big grid (~900 items) its virtualized to reduce the rendering in screen.\nWith Bulma the style it's easy to make because of his column system based on flexbox.\nUsing Now for the deploy allows to deploy every commit and merge directly to the web.\nAWS S3 was used as cdn to have an space to save all the static files like images and a Lambda serves a json with the data of the user\nFigma allows to create amazing mockups in an easy way.\nGitLab's kanban board, Issues and Milestones lets organice and define objetives to complete de challenge.\nThe pokeapi was used to get all the info and sprites of pokémon\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frurickdev%2Faplidex","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frurickdev%2Faplidex","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frurickdev%2Faplidex/lists"}