The latest articles on DEV Community by Vishnuxx (@vishnuxx). https://dev.to/vishnuxx 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%2F808182%2Ff23721c4-6992-45b2-a920-b17b2cc69c20.jpeg https://dev.to/vishnuxx en Vishnuxx Thu, 12 May 2022 23:32:48 +0000 https://dev.to/vishnuxx/introducing-visualbox-animation-and-motion-graphics-builder-1791 https://dev.to/vishnuxx/introducing-visualbox-animation-and-motion-graphics-builder-1791 <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--h_yiPJ-0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x4y669d635z308zqng1w.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--h_yiPJ-0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x4y669d635z308zqng1w.png" alt="Image description" width="880" height="482"></a></p> <h3> Overview of My Submission </h3> <p>VisualBox is a frame animation builder. You can Design, Build and share your animations in real-time using this. <br> It can generate projects and videos at runtime.</p> <p>Built with a modular design to make it more scalable.</p> <h3> Submission Category: </h3> <p>Wacky Wildcards</p> <h3> Link to Code </h3> <h4> <a href="https://github.com/Vishnuxx/VisualBox">https://github.com/Vishnuxx/VisualBox</a> </h4> <h2> Libraries used </h2> <p>React<br> Recoil<br> Fabricjs</p> <h3> Future goals </h3> <p>*More Optimized data transferrinig<br> *Tons of Editing features<br> *Support for tweening animation and motion posters<br> *NFT marketplace<br> *Storyboard collaboration</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--FJd9KXSK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pga4ghezwghfajvbgfkp.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--FJd9KXSK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pga4ghezwghfajvbgfkp.png" alt="Image description" width="880" height="482"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--viQG4aUb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rm14xhq7x67mmiiidhjk.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--viQG4aUb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rm14xhq7x67mmiiidhjk.png" alt="Image description" width="880" height="485"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--TdYstJZO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5zc67xa5804d5onns9a9.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--TdYstJZO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5zc67xa5804d5onns9a9.png" alt="Image description" width="880" height="482"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--_r5nw-Em--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ovcsrq72u0pv7fg9e03v.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--_r5nw-Em--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ovcsrq72u0pv7fg9e03v.png" alt="Image description" width="880" height="482"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--DS9rzfUw--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ylzkp8swzowz2jpk8802.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--DS9rzfUw--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ylzkp8swzowz2jpk8802.png" alt="Image description" width="880" height="114"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--nQ-QfbI9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iicpup8da2dso3ohe9nd.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--nQ-QfbI9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iicpup8da2dso3ohe9nd.png" alt="Image description" width="880" height="482"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--VJpqxy5G--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c18yplvh2bxexd9t5nvw.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--VJpqxy5G--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c18yplvh2bxexd9t5nvw.png" alt="Image description" width="880" height="483"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--XBYYX8e7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qapsgnsnfocadhlsatcw.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--XBYYX8e7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qapsgnsnfocadhlsatcw.png" alt="Image description" width="880" height="594"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--OWwflB5I--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xgek338qoqzin6wdg9sr.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--OWwflB5I--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xgek338qoqzin6wdg9sr.png" alt="Image description" width="880" height="473"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Iylv4Zwa--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/043db7x24fdrkdtrr6mh.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Iylv4Zwa--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/043db7x24fdrkdtrr6mh.png" alt="Image description" width="880" height="481"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--8eKwwXJh--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kgmzv8hnhg824vehi3vi.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--8eKwwXJh--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kgmzv8hnhg824vehi3vi.png" alt="Image description" width="880" height="485"></a></p> <h3> Additional Resources / Info </h3> <h3> Mobile Previews </h3> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--z9HJQ77h--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/llcccmbrcg3v2pbn49th.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--z9HJQ77h--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/llcccmbrcg3v2pbn49th.jpg" alt="Image description" width="683" height="1280"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--4xNvZjVQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9xuhipxzdqibfa9gnpt7.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--4xNvZjVQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9xuhipxzdqibfa9gnpt7.jpg" alt="Image description" width="687" height="1280"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--yUJqNQR1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/chx0shpjvporqf7umor4.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--yUJqNQR1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/chx0shpjvporqf7umor4.jpg" alt="Image description" width="679" height="1280"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--d7VbquLJ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/izo32a7smo8n0fmsowq2.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--d7VbquLJ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/izo32a7smo8n0fmsowq2.jpg" alt="Image description" width="689" height="1280"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--CTAAKJJ_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tphkl5bm1fei9jjzpnfx.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--CTAAKJJ_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tphkl5bm1fei9jjzpnfx.jpg" alt="Image description" width="685" height="1280"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--eMssoSgF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w9yud1mpt0uzitouzcjz.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--eMssoSgF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w9yud1mpt0uzitouzcjz.jpg" alt="Image description" width="683" height="1280"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Bs0732oT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/og33jnvtq1isd0g4nh8c.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Bs0732oT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/og33jnvtq1isd0g4nh8c.jpg" alt="Image description" width="683" height="1280"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--IkJ_Abjj--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ttqmoaqigeuxkwgirt95.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--IkJ_Abjj--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ttqmoaqigeuxkwgirt95.png" alt="Image description" width="534" height="1116"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--mRY916co--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r2r64jn09uqrezzx9rzz.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--mRY916co--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r2r64jn09uqrezzx9rzz.png" alt="Image description" width="532" height="1108"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--dtiJepwu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zc699qlfgpc4krqz8pkh.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--dtiJepwu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zc699qlfgpc4krqz8pkh.png" alt="Image description" width="534" height="1118"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--DXvl2f0r--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jze9xfsh6a1zpp7588uz.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--DXvl2f0r--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jze9xfsh6a1zpp7588uz.png" alt="Image description" width="530" height="1108"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--3_nEDIBo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q264d6e2lj8mxx6idcwn.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--3_nEDIBo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q264d6e2lj8mxx6idcwn.png" alt="Image description" width="532" height="1116"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ILxmuEvz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/616c9fspevapmdehde8q.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ILxmuEvz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/616c9fspevapmdehde8q.png" alt="Image description" width="538" height="1132"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--nS-OyPVs--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/whse06vf3wibjpjn67l2.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--nS-OyPVs--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/whse06vf3wibjpjn67l2.png" alt="Image description" width="538" height="1122"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--6QUTO6HU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h3myn9ptp8w7g1g3aits.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--6QUTO6HU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h3myn9ptp8w7g1g3aits.png" alt="Image description" width="534" height="1114"></a></p> appwritehack appwrite javascript react Vishnuxx Sun, 08 May 2022 06:54:31 +0000 https://dev.to/vishnuxx/working-on-a-project-restlessly-3hep https://dev.to/vishnuxx/working-on-a-project-restlessly-3hep <p><strong>Working on a Project for Appwrite hackathon</strong></p> <p>Hey, I'm a student , I started working on a project for this hackathon for more than 20days along with my exams and other stuff. I was able to learn quite a lot of things while creating this project.</p> <p>Here is the simple logo which I created for this project</p> <p><strong>VisualBox</strong></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ABnCRFGw--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mpp7ozxgt5i4mc2ne81p.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ABnCRFGw--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mpp7ozxgt5i4mc2ne81p.png" alt="Image description" width="113" height="118"></a></p> <p>Any guess what it would be?</p> appwritehack appwrite