{"id":18150025,"url":"https://github.com/abayomi1196/anime-webpage","last_synced_at":"2026-04-20T03:01:54.395Z","repository":{"id":115378880,"uuid":"429330574","full_name":"abayomi1196/anime-webpage","owner":"abayomi1196","description":"Web app showing top, trending animes, allowing users to search and view in detail.","archived":false,"fork":false,"pushed_at":"2021-11-28T11:17:20.000Z","size":577,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-06T22:38:52.015Z","etag":null,"topics":["css-modules","graphql","nextjs"],"latest_commit_sha":null,"homepage":"https://anime-webpage.vercel.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/abayomi1196.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":"2021-11-18T07:08:44.000Z","updated_at":"2023-03-08T18:58:38.000Z","dependencies_parsed_at":null,"dependency_job_id":"cd404097-e292-410e-a808-b9278b7f22f9","html_url":"https://github.com/abayomi1196/anime-webpage","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/abayomi1196/anime-webpage","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abayomi1196%2Fanime-webpage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abayomi1196%2Fanime-webpage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abayomi1196%2Fanime-webpage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abayomi1196%2Fanime-webpage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/abayomi1196","download_url":"https://codeload.github.com/abayomi1196/anime-webpage/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abayomi1196%2Fanime-webpage/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32031070,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-20T00:18:06.643Z","status":"online","status_checked_at":"2026-04-20T02:00:06.527Z","response_time":94,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["css-modules","graphql","nextjs"],"created_at":"2024-11-02T00:07:11.427Z","updated_at":"2026-04-20T03:01:54.383Z","avatar_url":"https://github.com/abayomi1196.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"This project was created with [NextJS](https://nextjs.org/docs/getting-started), [CSS Modules](https://github.com/css-modules/css-modules) \u0026 the [Anime List Graphql API](https://studio.apollographql.com/graph/My-Graph-mrsvd/explorer?variant=current).\n\n## Getting Started\n\nFirst, install node_modules and then run the development server:\n\n```bash\nnpm install\nnpm run dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\n\n#### Project Architecture\n\n```\n┣ components\n┣ context\n┣ graphql\n┣ pages\n┣ public\n┣ styles\n┗ utils\n```\n\nThe description of each folder in the project architecture is given below:\n\n- `components`: contains stateful reusable components. Each component has a root folder (kebab-cased) which houses the component file and the other associated files (PascalCased). For example, the structure for a `Card` component would be:\n\n  ```\n  card\n  ┣ Card.js\n  ┗ Card.module.css\n  ```\n\n- `context`: contains some application state, which was setup with the React `createContext` hook, allows sharing of data between components without unneccesary prop drilling and eliminates the need for external state management libraries.\n\n- `graphql`: contain graphql queries, may also house mutations in future iterations.\n\n- `pages`: Contain functional top level components that are responsible for generating the view for any given route, a sample structure would look like: \n\n    ```\n    pages\n    ┣ anime\n    ┃ ┗ [id].js - dynamic page where details are statically generated\n    ┣ _app.js \n    ┗ index.js\n    ```\n\n- `public`: Contains static assets i.e images.\n\n- `styles`: Contain global and page level styles defined using `CSS Modules`\n\n- `utils`: Contains reusable functions.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabayomi1196%2Fanime-webpage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fabayomi1196%2Fanime-webpage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabayomi1196%2Fanime-webpage/lists"}