https://github.com/yoavniran/cld-collage-creator

Cloudinary Collage Creator
https://github.com/yoavniran/cld-collage-creator

Last synced: 11 months ago
JSON representation

Cloudinary Collage Creator

• Host: GitHub
• URL: https://github.com/yoavniran/cld-collage-creator
• Owner: yoavniran
• Created: 2022-11-14T09:39:11.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-02-19T11:02:07.000Z (over 3 years ago)
• Last Synced: 2025-03-15T12:26:26.223Z (over 1 year ago)
• Language: JavaScript
• Homepage: https://cld-collage-creator.netlify.app/
• Size: 773 KB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Cloudinary Collage Creator

![CCC Application Demo](https://res.cloudinary.com/yoav-cloud/video/upload/e_accelerate:80,h_900,e_loop/fl_animated,fl_awebp/vs_100/v1674467123/collages/collage-full-flow-very-short.webp)

    



    longer demo video



## Intro

This application uses the [Collage Generation API](https://cloudinary.com/documentation/image_collage_generation)

from [Cloudinary](https://cloudinary.com) to generate the collage images.

It's main stack was developed with: 

- [React](https://reactjs.org/)

- [Recoil](https://recoiljs.org/)

- [Recoil:Spring](https://github.com/yoavniran/recoil-spring)

- [Styled Components](https://styled-components.com)

- [Material UI](https://mui.com/)

- [React-Uploady](https://react-uploady.org)

- [React-dnd](react-dnd.github.io/)

- [Netlify (functions)](https://www.netlify.com/)

- [Fauna DB](https://fauna.com/)

## Public

Available on https://cld-collage-creator.netlify.app/

## Dev

To develop run:

```bash

    yarn

```

To install deps

Then run:

```bash

    yarn start

```

To start the UI application

In order to run the (Server) Functions locally you need to install:

```bash

npm install -g netlify-cli

```

Then you can start them with: 

```bash

    yarn start:fn

```