The latest articles on DEV Community by Aditya Aryam (@adityaaryam). https://dev.to/adityaaryam 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%2F858425%2F8cb6f37a-cff3-4a4f-837b-255e9fda670a.jpeg https://dev.to/adityaaryam en Aditya Aryam Thu, 12 May 2022 11:50:04 +0000 https://dev.to/adityaaryam/random-meme-generator-with-appwrite-devto-hackathon-2ecj https://dev.to/adityaaryam/random-meme-generator-with-appwrite-devto-hackathon-2ecj <h3> Overview of My Submission </h3> <p>I have built an app which registers a user using appwrite users and logs in. Then there is a button "Fetch new memes". On clicking this, each time a new meme comes on the screen.<br> I have built this using ReactJS and user service of appwrite.<br> Here is the link. Please go through the README.<br> <a href="https://github.com/adityaaryam/DEV.to-Hackathon"></a><br> I have used the MIT LICENSE</p> <h3> Submission Category: </h3> <p><strong>Web2 Wizards</strong></p> <p>The user generated content that I am using are the memes. It uses the api <code>https://meme-api.herokuapp.com/gimme</code>.</p> <h3> Link to Code </h3> <p><code>https://github.com/adityaaryam/DEV.to-Hackathon</code> </p> <h3> Additional Resources / Info </h3> <p>This is the login page<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--sMV3ez70--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nyjkrmwx8hcsha5pbpf5.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--sMV3ez70--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nyjkrmwx8hcsha5pbpf5.png" alt="Login Page" width="880" height="499"></a></p> <p>Registartion Page:<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--69RW6p29--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z1tr1jw3anawoisv1dng.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--69RW6p29--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z1tr1jw3anawoisv1dng.png" alt="Image description" width="880" height="499"></a></p> <p>Home Page:<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ToZRAIne--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7litf41rxuyrqhwaqy57.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ToZRAIne--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7litf41rxuyrqhwaqy57.png" alt="Image description" width="880" height="499"></a></p> <p>Fetch new meme:<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--CE8h1GmI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yl3y9c32nun15w44iz3t.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--CE8h1GmI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yl3y9c32nun15w44iz3t.png" alt="Image description" width="880" height="499"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--QNpFDa7v--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1k8y4ivq2tnx9nbwasfj.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--QNpFDa7v--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1k8y4ivq2tnx9nbwasfj.png" alt="Image description" width="880" height="499"></a></p> <p>Appwrite console:</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--1fTbbRxD--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5qdh45vqj4kfgley3uut.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--1fTbbRxD--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5qdh45vqj4kfgley3uut.png" alt="Image description" width="880" height="499"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--LWojENAo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m4gsxtomfegl6o7usuib.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--LWojENAo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m4gsxtomfegl6o7usuib.png" alt="Image description" width="880" height="499"></a></p> appwritehack javascript programming react