{"id":16227466,"url":"https://github.com/simonaco/page-transitions-travelapp","last_synced_at":"2025-03-16T12:31:56.812Z","repository":{"id":145737118,"uuid":"134190399","full_name":"simonaco/page-transitions-travelapp","owner":"simonaco","description":"Travel App, Native-like Page Transitions","archived":false,"fork":false,"pushed_at":"2023-11-01T09:55:04.000Z","size":2427,"stargazers_count":134,"open_issues_count":0,"forks_count":20,"subscribers_count":10,"default_branch":"main","last_synced_at":"2025-03-14T19:31:05.591Z","etag":null,"topics":["angular","angular-universal","animations","native-like-transitions","page-transitions","page-transitions-angular","rxjs"],"latest_commit_sha":null,"homepage":"https://page-transitions-travelapp.azurewebsites.net","language":"TypeScript","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/simonaco.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}},"created_at":"2018-05-20T22:01:35.000Z","updated_at":"2024-06-14T05:39:41.000Z","dependencies_parsed_at":"2023-04-28T03:36:22.599Z","dependency_job_id":"bde1542a-f1c0-4554-b45d-143ee749e5af","html_url":"https://github.com/simonaco/page-transitions-travelapp","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/simonaco%2Fpage-transitions-travelapp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simonaco%2Fpage-transitions-travelapp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simonaco%2Fpage-transitions-travelapp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simonaco%2Fpage-transitions-travelapp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/simonaco","download_url":"https://codeload.github.com/simonaco/page-transitions-travelapp/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243814880,"owners_count":20352037,"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":["angular","angular-universal","animations","native-like-transitions","page-transitions","page-transitions-angular","rxjs"],"created_at":"2024-10-10T12:52:52.045Z","updated_at":"2025-03-16T12:31:56.467Z","avatar_url":"https://github.com/simonaco.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Page Transitions Travelapp\n\n### Fork\n\n🙋🏼 This repository is a rewrite with Angular \u0026 Angular Universal of [Sarah Drasner](https://twitter.com/sarah_edo)'s orginal work with [Vue \u0026 Nuxt](https://github.com/sdras/page-transitions-travelapp).\n\nLive demo: [https://page-transitions-travelapp.azurewebsites.net](https://page-transitions-travelapp.azurewebsites.net)\n\n### Original\n\nThis demo shows an example of how to achieve native-like page transitions on the web. There's much to be improved here- it's not meant to be a full-fledged web application, just a quick demo to show how this kind of implementation could theoretically work. These concepts can and should be expressed differently in your own application, the sky's the limit here! This is created with Nuxt and Vue.\n\nArticle explaining the demo is available at\n[https://css-tricks.com/native-like-animations-for-page-transitions-on-the-web](https://css-tricks.com/native-like-animations-for-page-transitions-on-the-web)\n\n## Build Setup\n\n```bash\n# install dependencies\n$ npm install # Or yarn install\n\n# serve with hot reload at http://localhost:4200/\n$ ng serve\n\n# build for production and launch server\n$ npm run build:ssr \u0026\u0026 npm run serve:ssr\n\n# generate static project\n$ npm run build:ssr\n```\n\n## Runing in Docker\n\nFirst build the project. See [build](#build) for details.\n\nNow you can build Docker image:\n\n```bash\ndocker build -t page-transitions-travelapp .\n```\n\nand run it:\n\n```bash\ndocker run -p 80:80 page-transitions-travelapp\n```\n\nNavigate to http://localhost in order to see the containerized application.\n\n## Further help\n\nFor detailed explanation on how things work, checkout the [Angular Universal docs](https://angular.io/guide/universal).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimonaco%2Fpage-transitions-travelapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsimonaco%2Fpage-transitions-travelapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimonaco%2Fpage-transitions-travelapp/lists"}