{"id":21710297,"url":"https://github.com/cloudinary-devs/react-photo-album","last_synced_at":"2025-05-13T01:54:02.765Z","repository":{"id":212257941,"uuid":"721396390","full_name":"cloudinary-devs/react-photo-album","owner":"cloudinary-devs","description":null,"archived":false,"fork":false,"pushed_at":"2024-02-01T01:36:43.000Z","size":91,"stargazers_count":4,"open_issues_count":0,"forks_count":4,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-13T01:53:57.729Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/cloudinary-devs.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-11-21T01:18:54.000Z","updated_at":"2025-02-22T18:58:53.000Z","dependencies_parsed_at":"2024-01-31T02:38:23.932Z","dependency_job_id":"172ed07d-bad3-4d5c-a3b2-807b8f536127","html_url":"https://github.com/cloudinary-devs/react-photo-album","commit_stats":null,"previous_names":["cloudinary-devs/react-photo-album"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudinary-devs%2Freact-photo-album","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudinary-devs%2Freact-photo-album/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudinary-devs%2Freact-photo-album/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudinary-devs%2Freact-photo-album/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cloudinary-devs","download_url":"https://codeload.github.com/cloudinary-devs/react-photo-album/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253856630,"owners_count":21974576,"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":[],"created_at":"2024-11-25T23:14:37.423Z","updated_at":"2025-05-13T01:54:02.742Z","avatar_url":"https://github.com/cloudinary-devs.png","language":"JavaScript","readme":"# Introduction\nThis project demonstrates how to use the [Cloudinary React SDK](https://cloudinary.com/documentation/react_integration) to create a photo album app. \n\nThe sample project showcases the following functionality:\n\n* Using the [Upload Widget](https://cloudinary.com/documentation/upload_widget) to upload images to your product environment\n* Using the [REST API](https://cloudinary.com/documentation/client_side_uploading#direct_call_to_the_api) to upload images to your product environment\n* [Transforming](https://cloudinary.com/documentation/image_transformations) and [displaying](https://cloudinary.com/documentation/react_image_transformations#plugins) images\n\n# Setup\n\n[Create an unsigned upload preset](https://cloudinary.com/documentation/upload_presets#creating_and_managing_upload_presets) in your Cloudinary product environment and make a note of the name of the unsigned upload preset as well as your Cloudinary cloud name.\n\nCreate a `.env` file with the following content at the root of the project:\n\n```\nVITE_CLOUD_NAME='YOUR-CLOUD-NAME'\nVITE_UPLOAD_PRESET='YOUR-UNSIGNED-UPLOAD-PRESET'\n```\n\n# Run\n\nFrom your terminal, in the root folder of your project, run: \n\n* `npm i`\n* `npm run dev` \n\nThen, click the localhost link to open the app in your browser, or open a browser and navigate to localhost:5173 or to the port displayed in the terminal.\n\nTry uploading images using each of the upload tabs, then see your images displayed in the Photo Album tab.\n\n# Explore\n\n* Take a look at the source code to understand how it works.  \n* Discover more features in the [Cloudinary Docs](https://cloudinary.com/documentation).\n* Ask for help in our [Community Forum](https://community.cloudinary.com/), in [Discord](https://discord.gg/Cloudinary), or [raise a support request](https://support.cloudinary.com/hc/en-us/requests/new).\n\nFeel free to fork this repo as a starting point for your own React app, contribute to it, or star it if you like it!\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcloudinary-devs%2Freact-photo-album","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcloudinary-devs%2Freact-photo-album","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcloudinary-devs%2Freact-photo-album/lists"}