Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Charca/astro-photo-gallery
Astro + View Transitions Photo Gallery Demo
https://github.com/Charca/astro-photo-gallery
Last synced: about 2 months ago
JSON representation
Astro + View Transitions Photo Gallery Demo
- Host: GitHub
- URL: https://github.com/Charca/astro-photo-gallery
- Owner: Charca
- Created: 2023-08-30T07:20:03.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-12T05:40:05.000Z (about 1 year ago)
- Last Synced: 2024-05-02T15:16:27.831Z (5 months ago)
- Language: TypeScript
- Size: 21.7 MB
- Stars: 89
- Watchers: 4
- Forks: 20
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Astro View Transitions Photo Gallery
### 👉🏽 [Live Demo](https://astro-photo-gallery.pages.dev/)
## 🚀 Getting Started
1. Clone this repository and install dependencies with `npm install`.
2. Start the project locally with `npm run dev`, or deploy it to your favorite server.
3. Have fun! ✨
## 🧞 Commands
All commands are run from the root of the project, from a terminal:
| Command | Action |
| :--------------------- | :----------------------------------------------- |
| `npm install` | Installs dependencies |
| `npm run dev` | Starts local dev server at `localhost:3000` |
| `npm run build` | Build your production site to `./dist/` |
| `npm run preview` | Preview your build locally, before deploying |
| `npm run astro ...` | Run CLI commands like `astro add`, `astro check` |
| `npm run astro --help` | Get help using the Astro CLI |
## Credits
- Based on the [original demo](https://tympanus.net/codrops/2021/12/01/grid-zoom-layout/) by [Codrops](https://twitter.com/codrops)
- Images from [Unsplash](https://unsplash.com)
## 👀 Want to learn more?
Check out [Astro's documentation](https://docs.astro.build) or jump into their [Discord server](https://astro.build/chat).
You can also reach out to [Maxi on Twitter](https://twitter.com/charca).