# Portfolio

{% hint style="info" %}
This is feature is in **`Beta`**; that means it is fully accessible and useable, but might evolve in the future.
{% endhint %}

[Our portfolio app](https://portfolio.rayon.design/) is both a **free** **PDF portfolio viewer** that transforms any PDF into an elegant, shareable flipbook, and **a public gallery**, to showcase our users work. A ideal platform for interior designers, architects, students, etc who want to broadcast their work in a beautiful, interactive format.

{% embed url="<https://player.vimeo.com/video/1154318538?autoplay=1&controls=0&loop=1&muted=1>" %}

### Creating a portfolio

To create a new portfolio, [head to this page](https://portfolio.rayon.design/), and follow the steps below\...

{% stepper %}
{% step %}
**Upload your PDF**

* **Click to upload**: Or click the upload zone to browse files
* **File size limit**: Maximum 20 MB per PDF
* **Instant cloud storage**: Files are automatically saved to the cloud

<figure><img src="https://2112124689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FngVHKyaUSSJPTFck3wkz%2Fuploads%2Fc5apY6xM33zGMLAPpOXN%2FVincent-F-7%20(1).png?alt=media&#x26;token=2494e4e1-4d05-4227-a548-fcf684ae9a23" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
**Create an account to save your portfolio**

You will have to create an account to be able to save your portfolio, and share it with others. Clicking on "Create an account" will redirect you to the signup page.
{% endstep %}

{% step %}
**Browse through your portfolio**

Now that your portfolio is saved...&#x20;

* You have access to a public link to share it with others.&#x20;
* At the same time, your portfolio is added to Rayon's public portfolio gallery. People can now see your work, like it, and reshare it, giving you more visibility. More about the gallery below.

{% embed url="<https://player.vimeo.com/video/1154318538?autoplay=1&controls=0&loop=1&muted=1>" %}

While in the viewer, multiple things can be done...

* **Browsing through your work:**&#x20;
  * **Realistic page flipping**: Animated page turns with shadow effects
  * **Keyboard navigation**: Use left/right arrow keys to navigate
  * **Click navigation**: Use chevron buttons on each side to navigate between pages
  * **Zoom mode**: Click on any page to zoom in. Click **`exit`** to exit zoom mode
  * **Adaptive Sizing**: Automatically adjusts to screen size and PDF aspect ratio
* **Checking your stats and likes**: Open the stats page to know how much attention your work is really getting.
* **Sharing your work: clicking on the link icon will copy** a unique shareable URL address, that you can then reshare with anyone.
* **Deleting your work**: a delete icon allows to remove your work from our platform at any point.
  {% endstep %}
  {% endstepper %}

### The gallery

At any point you can [**visit the gallery**](https://portfolio.rayon.design/gallery)**.**\
**The portfolio gallery gathers the work uploaded to our platform**, with a light curation made by our team. If you uploaded your portfolio to the app, there is good chance that if will appear here.&#x20;

<figure><img src="https://2112124689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FngVHKyaUSSJPTFck3wkz%2Fuploads%2FlclayqROiE90qzMDpwuM%2FVincent-F-7%20(2).png?alt=media&#x26;token=16b0c979-7556-4575-8d83-3103faae906c" alt=""><figcaption></figcaption></figure>

**Why the gallery?** A lot of our users want to reach a wider audience, find an employers or simply broadcast their last project. The gallery is here precisely for that. Portfolio can be viewed, liked and reshared, to give portfolio owners more visibility.&#x20;

### Your account

To manage and curate your portfolios, **the app offers** [**an admin page**](https://portfolio.rayon.design/account), from which you can...

* **Inspect** you current portfolios (likes and views)
* **Delete** your work
* **Upload** new PDFs

<figure><img src="https://2112124689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FngVHKyaUSSJPTFck3wkz%2Fuploads%2FBiv82DqxQ2z2cOvqAXaI%2FVincent-F-7.png?alt=media&#x26;token=8e634bef-5d00-45c1-a529-b72984c5efe2" alt=""><figcaption></figcaption></figure>
