{"id":22387179,"url":"https://github.com/codelikeagirl29/image-gallery","last_synced_at":"2026-04-14T19:32:13.877Z","repository":{"id":171735379,"uuid":"642101006","full_name":"CodeLikeAGirl29/image-gallery","owner":"CodeLikeAGirl29","description":"📷 Photo gallery that pulls images from my personal Cloudinary API - written in Typescript \u0026 styled with Tailwind.","archived":false,"fork":false,"pushed_at":"2023-06-03T19:01:29.000Z","size":661,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-03T16:17:50.257Z","etag":null,"topics":["cloudinary","css","gallery","javascript","js","nextjs","photos","react","svg","svg-text-design","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://image-gallery-eight-lac.vercel.app","language":"TypeScript","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/CodeLikeAGirl29.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":"2023-05-17T20:30:37.000Z","updated_at":"2023-06-01T18:39:01.000Z","dependencies_parsed_at":null,"dependency_job_id":"71219fce-91ad-416e-9486-aee7778b09b7","html_url":"https://github.com/CodeLikeAGirl29/image-gallery","commit_stats":null,"previous_names":["codelikeagirl29/image-gallery"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/CodeLikeAGirl29/image-gallery","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeLikeAGirl29%2Fimage-gallery","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeLikeAGirl29%2Fimage-gallery/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeLikeAGirl29%2Fimage-gallery/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeLikeAGirl29%2Fimage-gallery/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CodeLikeAGirl29","download_url":"https://codeload.github.com/CodeLikeAGirl29/image-gallery/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeLikeAGirl29%2Fimage-gallery/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31812968,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T18:05:02.291Z","status":"ssl_error","status_checked_at":"2026-04-14T18:05:01.765Z","response_time":153,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["cloudinary","css","gallery","javascript","js","nextjs","photos","react","svg","svg-text-design","tailwindcss","typescript"],"created_at":"2024-12-05T02:07:57.219Z","updated_at":"2026-04-14T19:32:13.865Z","avatar_url":"https://github.com/CodeLikeAGirl29.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Better Together.\nA gallery meant to inspire.\n\n## ════ ⋆★⋆ ════\n\n## Touch the Color; See the Sound\n\n When unexpected sadness really hits home \u0026 it's difficult to shake it... always remember it's the smallest things that manage to melt my heart.\n\u003e Live demo can be found [here](https://image-gallery-eight-lac.vercel.app/)\n\nI even designed the SVG (Logo and Bridge files used on this project)\n\n## Tech Stack\n\n- ![nextjs](https://camo.githubusercontent.com/8552f38715af0ea9f364801b055f7a2448812b49075860983d53a81414349623/68747470733a2f2f696d672e736869656c64732e696f2f7374617469632f76313f7374796c653d666f722d7468652d6261646765266d6573736167653d4e6578742e6a7326636f6c6f723d303030303030266c6f676f3d4e6578742e6a73266c6f676f436f6c6f723d464646464646266c6162656c3d)\n\n- ![typescript](https://camo.githubusercontent.com/773cfd323f61dbc7301a98e28c69fbd0f27f491272f4acf48106936ca1d14c47/68747470733a2f2f696d672e736869656c64732e696f2f7374617469632f76313f7374796c653d666f722d7468652d6261646765266d6573736167653d5479706553637269707426636f6c6f723d333137384336266c6f676f3d54797065536372697074266c6f676f436f6c6f723d464646464646266c6162656c3d)\n\n- ![tailwindcss](https://camo.githubusercontent.com/5d16e7fdd964ebca50ca82d6c8b081045630340427c463f4470050acd4e50ef3/68747470733a2f2f696d672e736869656c64732e696f2f7374617469632f76313f7374796c653d666f722d7468652d6261646765266d6573736167653d5461696c77696e642b43535326636f6c6f723d323232323232266c6f676f3d5461696c77696e642b435353266c6f676f436f6c6f723d303642364434266c6162656c3d)\n\n---\n\n## Environment Variables\n\nTo run this project, you will need to add the following environment variables to your .env file\n\n`NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\u003cname-of-cloud\u003e`\n\n`CLOUDINARY_API_KEY=\u003cyour-api-key\u003e`\n\n`CLOUDINARY_API_SECRET=\u003csecret-key\u003e`\n\n// optional\n\n`CLOUDINARY_FOLDER=\u003cspecific-folder-name\u003e`\n\n## Configuration\n\nAdd the following variables to your .env.local or .env file. \u0026 if you deploy it, with Vercel for example, you can place these variables in the Envorpnment Variables part of the setup!\n\nNEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=\"\u003cYour Cloud Name\u003e\"\n\nCLOUDINARY_API_KEY=\u003cyour-api-key\u003e\n\nCLOUDINARY_API_SECRET=\u003csecret-key\u003e\n\nCLOUDINARY_FOLDER=\u003cspecific-folder-name\u003e\n\n## Dependencies\n\n* From the command line: \n\n 1. @headlessui/react \n 2. @heroicons/react  \n 3. cloudinary \n 4. eslint-config-next \n 5. framer-motion \n 6. imagemin \n 7. imagein-jpegtran \n 8. next \n 9. react \n 10. react-dom \n 11. react-hooks-global-state \n 12. react-swipeable \n 13. react-use-keypress\n\n## Usage\n\n### Screenshots\n\n![App Screenshot](https://res.cloudinary.com/codelikeagirl29/image/upload/v1685775408/image-gallery-screenshot.png)\n\n### Features\n\n## Code\n![Vercel](http://therealsujitk-vercel-badge.vercel.app/?app=image-gallery-eight-lac.vercel.app)\n\n### Build\n```\n    npm run build\n```\n \n### Deploy (how to install build product)\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FCodeLikeAGirl29%2Fimage-gallery\u0026env=NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,CLOUDINARY_API_KEY,CLOUDINARY_API_SECRET\u0026envDescription=API%20Keys%20are%20Needed%20for%20this%20to%20work.\u0026envLink=https%3A%2F%2Fcloudinary.com%2Fguides%2Ffront-end-development%2Fintegrating-cloudinary-with-next-js\u0026project-name=cloudinary-nextjs\u0026demo-title=Img%20Gallery\u0026demo-description=A%20Nextjs%20blog%20site%20using%20my%20Cloudinary%20Images%20%26%20styled%20with%20Tailwindcss.\u0026demo-url=https%3A%2F%2Fimage-gallery-eight-lac.vercel.app%2F\u0026integration-ids=oac_0Bh9szvT534p5qWBHYR2EwiG)\n\n## License\n\nThis example shows how to create an image gallery site using Next.js, [Cloudinary](https://cloudinary.com), and [Tailwind](https://tailwindcss.com).\n\n## Demo\n\nView the demo [here](https://image-gallery-eight-lac.vercel.app/)\n\nCheck out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.\n\n## How to use\n\nExecute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init), [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/), or [pnpm](https://pnpm.io) to bootstrap the example::\n\n```bash\n npx create-next-app --example with-cloudinary nextjs-image-gallery\n```\n\n```bash\nyarn create next-app --example with-cloudinary nextjs-image-gallery\n```\n\n```bash\npnpm create next-app --example with-cloudinary nextjs-image-gallery\n```\n\n## References\n\n- Cloudinary API: https://cloudinary.com/documentation/transformation_reference\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodelikeagirl29%2Fimage-gallery","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodelikeagirl29%2Fimage-gallery","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodelikeagirl29%2Fimage-gallery/lists"}