The latest articles on Forem by Elias Schneider (@stonith404). https://forem.com/stonith404 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F846456%2F016f3c07-0c63-402a-a3e4-5ddb22d75ed1.png https://forem.com/stonith404 en Elias Schneider Mon, 25 Apr 2022 19:28:47 +0000 https://forem.com/stonith404/pingvin-share-a-selfhosted-file-sharing-platform-2mb0 https://forem.com/stonith404/pingvin-share-a-selfhosted-file-sharing-platform-2mb0 <h2> Overview of My Appwrite x DEV Hackathon Submission </h2> <p>Pingvin Share is a self-hosted file-sharing platform built with the awesome BaaS (Backend as a Service) Appwrite.</p> <p>A small demo before we begin.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7ud5c6m8bjunziaeh6pq.gif" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7ud5c6m8bjunziaeh6pq.gif" alt="Pingvin Share Demo"></a></p> <p>You can try it by your own on <a href="https://pingvin-share.dev.eliasschneider.com" rel="noopener noreferrer">https://pingvin-share.dev.eliasschneider.com</a></p> <p>The idea for this project came because I want to share some confidential files with my family. <br> Because privacy is important to me and I love self-hosting I searched for a self-hosted file sharing platform. <br> I only found big solutions like Nextcloud but I wanted a lightweight service without advanced features that I don't need.</p> <h2> ✨ Features </h2> <ul> <li>Upload as big files as you want. Only your hard drive will be your limit</li> <li>Create a simple share with a link</li> <li>Secure your share with a visitor limit and a password</li> <li>Share your files with specific emails and send an invitation email</li> </ul> <h2> ⌨️ Technologies </h2> <h3> Appwrite </h3> <p>Appwrite is the core for Pingvin Share. Pingvin Share uses Appwrite Storage, Database, Authentication and Cloud functions.</p> <h3> NextJS </h3> <p>This project uses NextJS as the frontend and for some API endpoints.</p> <h3> Mantine </h3> <p>Mantine is a beautiful React component library. It ships useful hooks, awesome components, a form handler, a modal manager, a notification manager and many more. </p> <h2> 📂 Submission Category </h2> <p>Web2 Wizards</p> <h2> Link to Code </h2> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/stonith404" rel="noopener noreferrer"> stonith404 </a> / <a href="https://github.com/stonith404/pingvin-share" rel="noopener noreferrer"> pingvin-share </a> </h2> <h3> A self-hosted file sharing platform that combines lightness and beauty, perfect for seamless and efficient file sharing. </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <div class="markdown-heading"> <h1 class="heading-element"><div> <a rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/58886915/166198400-c2134044-1198-4647-a8b6-da9c4a204c68.svg"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fuser-images.githubusercontent.com%2F58886915%2F166198400-c2134044-1198-4647-a8b6-da9c4a204c68.svg" width="40"></a> <br>Pingvin Share</div></h1> </div> <p><a href="https://discord.gg/wHRQ9nFRcK" rel="nofollow noopener noreferrer"><img src="https://camo.githubusercontent.com/02d5d56c48641ce5fb38906a37f46c438595cec00825bc38e355be88260dc023/68747470733a2f2f646362616467652e6c696d65732e70696e6b2f6170692f7365727665722f77485251396e4652634b" alt=""></a> <a href="https://crowdin.com/project/pingvin-share" rel="nofollow noopener noreferrer"><img src="https://camo.githubusercontent.com/44f103386c41518246734f1ed96374222d82e1aa18cc389a1c7d3f955c1b8c18/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f43726f7764696e2d3245333334302e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d43726f7764696e266c6f676f436f6c6f723d7768697465" alt=""></a> <a href="https://github.com/sponsors/stonith404" rel="noopener noreferrer"><img src="https://camo.githubusercontent.com/d121a8ab0a5139e7698eb9748bdc7ce2aa09ab09953ed66d4f2d5b09b89d241a/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f73706f6e736f722d3330333633443f7374796c653d666f722d7468652d6261646765266c6f676f3d4769744875622d53706f6e736f7273266c6f676f436f6c6f723d237768697465" alt=""></a></p> <p>Pingvin Share is a self-hosted file sharing platform and an alternative for WeTransfer.</p> <div class="markdown-heading"> <h2 class="heading-element">✨ Features</h2> </div> <ul> <li>Share files using a link</li> <li>Unlimited file size (restricted only by disk space)</li> <li>Set an expiration date for shares</li> <li>Secure shares with visitor limits and passwords</li> <li>Email recipients</li> <li>Reverse shares</li> <li>OIDC and LDAP authentication</li> <li>Integration with ClamAV for security scans</li> </ul> <div class="markdown-heading"> <h2 class="heading-element">🐧 Get to know Pingvin Share</h2> </div> <ul> <li><a href="https://pingvin-share.dev.eliasschneider.com" rel="nofollow noopener noreferrer">Demo</a></li> <li><a href="https://www.youtube.com/watch?v=rWwNeZCOPJA" rel="nofollow noopener noreferrer">Review by DB Tech</a></li> </ul> <p><a rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/58886915/225038319-b2ef742c-3a74-4eb6-9689-4207a36842a4.png"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fuser-images.githubusercontent.com%2F58886915%2F225038319-b2ef742c-3a74-4eb6-9689-4207a36842a4.png" width="700"></a></p> <div class="markdown-heading"> <h2 class="heading-element">⌨️ Setup</h2> </div> <div class="markdown-heading"> <h3 class="heading-element">Installation with Docker (recommended)</h3> </div> <ol> <li>Download the <code>docker-compose.yml</code> file</li> <li>Run <code>docker compose up -d</code> </li> </ol> <p>The website is now listening on <code>http://localhost:3000</code>, have fun with Pingvin Share 🐧!</p> <div class="markdown-alert markdown-alert-tip"> <p class="markdown-alert-title">Tip</p> <p>Checkout <a href="https://github.com/stonith404/pocket-id" rel="noopener noreferrer">Pocket ID</a>, a user-friendly OIDC provider that lets you easily log in to services like Pingvin Share using Passkeys.</p> </div> <div class="markdown-heading"> <h2 class="heading-element">📚 Documentation</h2> </div> <p>For more installation options and advanced configurations, please refer to the <a href="https://stonith404.github.io/pingvin-share" rel="nofollow noopener noreferrer">documentation</a>.</p> <div class="markdown-heading"> <h2 class="heading-element">🖤 Contribute</h2> </div> <p>We would love it if you want to help make Pingvin Share better! You…</p> </div> </div> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/stonith404/pingvin-share" rel="noopener noreferrer">View on GitHub</a></div> </div> <h2> 🙋🏼‍♂️ About me </h2> <p>My name is Elias and I'm studying software engineering in Switzerland. This is my first and definitely not least hackathon participation. I've really enjoyed to create this small project and learned a lot!</p> <p>You can find more about me on <a href="https://eliasschneider.com" rel="noopener noreferrer">https://eliasschneider.com</a></p> <h2> 🔗 Resources </h2> <ul> <li><a href="https://appwrite.io" rel="noopener noreferrer">Appwrite</a></li> <li><a href="https://mantine.dev" rel="noopener noreferrer">Mantine</a></li> <li><a href="https://nextjs.org" rel="noopener noreferrer">NextJS</a></li> </ul> appwritehack appwrite nextjs mantine