{"id":18370182,"url":"https://github.com/johnftitor/anime-list","last_synced_at":"2025-08-31T09:32:19.080Z","repository":{"id":41842028,"uuid":"467196027","full_name":"JohnFTitor/anime-list","owner":"JohnFTitor","description":"This website was built using React and Redux. The main objective was to fetch data from an external API using the thunk middleware within the redux store, holding different states for each part of the app and filtering data based on user parameters. ","archived":false,"fork":false,"pushed_at":"2022-04-27T04:10:27.000Z","size":60982,"stargazers_count":17,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2024-12-19T16:39:12.207Z","etag":null,"topics":["api","javascript","jest","react","react-redux","scss"],"latest_commit_sha":null,"homepage":"https://jfanime-list.netlify.app/","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/JohnFTitor.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":"2022-03-07T17:36:19.000Z","updated_at":"2022-12-08T20:45:04.000Z","dependencies_parsed_at":"2022-08-11T19:10:13.024Z","dependency_job_id":null,"html_url":"https://github.com/JohnFTitor/anime-list","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/JohnFTitor%2Fanime-list","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JohnFTitor%2Fanime-list/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JohnFTitor%2Fanime-list/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JohnFTitor%2Fanime-list/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JohnFTitor","download_url":"https://codeload.github.com/JohnFTitor/anime-list/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":231586311,"owners_count":18396339,"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":["api","javascript","jest","react","react-redux","scss"],"created_at":"2024-11-05T23:36:58.545Z","updated_at":"2024-12-28T05:04:13.304Z","avatar_url":"https://github.com/JohnFTitor.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"#![](https://img.shields.io/badge/Microverse-blueviolet)\n\n# Anime List\n\n\u003e This website was built using React and Redux. The main objective was to fetch data from the [Jikan API](https://jikan.moe/) using the thunk middleware within the redux store, holding different states for each part of the app and filtering data based on user parameters. \n\n## Desktop Preview\n\n![Desktop Preview](./desktop_preview.gif)\n\n## Mobile Preview\n\n![Mobile Preview](./mobile_preview.gif)\n\nHave you ever felt like you wanted to watch a new Anime, but nothing seemed to catch your attention? No need to worry anymore! Here's a short but concise list of the 50 most scored animes for 5 types (Making a total of 250 Animes!) from which you can pick one you'll like to see. Additionally, you can check the list type to enjoy the best tracks used in the Anime industry! If you enjoy the Japanese animation industry, then you'll enjoy this fan page.\n\n## Live Version \n\n[Netlify](https://jfanime-list.netlify.app/)\n\n## Built With\n\n- HTML/SCSS and JavaScript\n- React Framework, Redux, Redux Toolkit\n- Jest\n\n## Getting Started\n\nTo get a local copy up and running follow these simple example steps.\n\n- Clone this repository with git clone```git@github.com:JohnFTitor/anime-list.git``` using your terminal or command line.\n- Change to the project directory by entering : \u003cbr\u003e\n```cd anime-list``` in the terminal\n\n### Prerequisites\n\nYou need to make sure to have installed the latest version of Node.js and npm on your computer.\n\n### Setup\n\nYou can clone this repository or simply download the files as a .zip\nIf you want to set up a personal repository based on this one, you can as well fork it.\n\n### Install\n\nAfter clone it and before working on it, you have to run ```npm install``` so that all the dependencies of the project get downloaded in your pc locally.\nSuch dependencies include React app and linters checks, for which you have to install the files following the ```wget``` commands inside linters.yml file.   \n   \n### Usage\n\nYou're free to use this project however you like it for educational purposes. Just keep in mind the acknowledgment described below\n\nTo work on the project, run ```npm start``` in your terminal to deploy a live version of the development. This works in watch mode so it automatically reloads any need change you make to the files. \n\n### Run linters checks\n\nLinter Checks are automatically run with Github actions when there's a pull request. If you want to run them locally, remember to have the config file in the root of the local project.\n\n## Testing\n\nRun ```npm test``` to check prepared test cases related to the website functionality simulating user interaction.\n\n## Deployment\n\nNetlify is set to automatically deploy the production branch (main branch) of this project, so you don't need to worry about it.\nHeroku is manually deployed by our team whenever required. That is, when the main branch gets updated.\n\n## Authors\n\n👤 **Andrés Felipe Arroyave Naranjo**\n\n- GitHub: [@JohnFTitor](https://github.com/JohnFTitor)\n- Twitter: [@johnftitor](https://twitter.com/johnftitor)\n- LinkedIn: [Andres](https://www.linkedin.com/in/andresarroyavenaranjo/?locale=en_US)\n\n## Acknowledgments\n\n### Web Design\nThe [template](https://www.behance.net/gallery/31579789/Ballhead-App-%28Free-PSDs%29) style guidelines such as the layout distribution and selected fonts for the whole project were designed by [Nelson Sakwa](https://www.behance.net/sakwadesignstudio) on Behance. This project worked based on it, selecting new colors and changing the nature of the content. \n\nCheck Nelson's page for more amazing GUI and Graphic designs!\n\n## Show your support\n\nGive a ⭐️ if you like this project!\n\n## 📝 License\n\nThis project is [MIT](./MIT.md) licensed.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjohnftitor%2Fanime-list","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjohnftitor%2Fanime-list","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjohnftitor%2Fanime-list/lists"}