Forem: Patrick Valera The latest articles on Forem by Patrick Valera (@patrickvalera). https://forem.com/patrickvalera 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%2F787940%2Fd37cf482-c7f2-4d3a-9dac-eae334aa2a54.jpeg Forem: Patrick Valera https://forem.com/patrickvalera en Justa Net Worth Tracker - Redis Hackathon Patrick Valera Mon, 29 Aug 2022 23:53:45 +0000 https://forem.com/patrickvalera/justa-net-worth-tracker-redis-hackathon-k7p https://forem.com/patrickvalera/justa-net-worth-tracker-redis-hackathon-k7p <h3> Overview of My Submission </h3> <p>Justa Net Worth Tracker is an app that let users track their assets and liabilities. The tech stack used to build it includes React Native, Express/NodeJS and Redis(Redis stack, Redis-om).</p> <h3> Submission Category: </h3> <p>MEAN/MERN Mavericks</p> <h3> Video Documentation </h3> <p><iframe width="710" height="399" src="https://www.youtube.com/embed/uJS3t7F8bNw"> </iframe> </p> <h3> Language Used </h3> <ul> <li>JS/TS/Node.js</li> </ul> <h3> Link to Code </h3> <p><a href="https://github.com/patva0715/25_Networth_tracker">GITHUB REPO AND DEMO</a></p> <h3> Additional Resources / Info </h3> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--AQjMal9N--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kx916vmcpbrh2cc5mq5m.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--AQjMal9N--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kx916vmcpbrh2cc5mq5m.png" alt="Assets Page" width="880" height="1904"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--NwwL0dOd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pg4mhizb68jj595enebw.PNG" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--NwwL0dOd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pg4mhizb68jj595enebw.PNG" alt="Summary Page" width="880" height="660"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--1-K2Rqrt--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nengf1ep9upccrwyw9j9.PNG" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--1-K2Rqrt--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nengf1ep9upccrwyw9j9.PNG" alt="Home Page" width="880" height="660"></a></p> <h3> Collaborators </h3> <ul> <li>Developed solo</li> </ul> <ul> <li><em>Check out <a href="https://redis.io/docs/stack/get-started/clients/#high-level-client-libraries">Redis OM</a>, client libraries for working with Redis as a multi-model database.</em></li> <li><em>Use <a href="https://redis.info/redisinsight">RedisInsight</a> to visualize your data in Redis.</em></li> <li><em>Sign up for a <a href="https://redis.info/try-free-dev-to">free Redis database</a>.</em></li> </ul> redishackathon Mock Trade - Appwrite hackathon Patrick Valera Fri, 13 May 2022 03:57:41 +0000 https://forem.com/patrickvalera/mock-trade-appwrite-hackathon-5cdp https://forem.com/patrickvalera/mock-trade-appwrite-hackathon-5cdp <h3> Overview of My Submission </h3> <p>Mock Trade is a fully-responsive, fullstack web app that allows users to trade mock stocks. It uses appwrites as its primary backend.</p> <h3> Submission Category: </h3> <p>Web2 Wizards</p> <h3> Link to Code </h3> <p><a href="https://21-appwrite-sim.vercel.app/">LIVE DEMO-Mock Trade</a><br> <a href="https://github.com/PatrickValera/21_Appwrite_sim">GITHUB REPO</a></p> <h3> Technologies and libraries used </h3> <ul> <li>HTML/CSS/Javascript</li> <li>React</li> <li>Appwrite</li> <li>Material UI</li> </ul> <h3> App Preview (video/image) </h3> <p><iframe width="710" height="399" src="https://www.youtube.com/embed/IkSZWVCbv_g"> </iframe> </p> <h4> Market Page </h4> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--vEo4RyVW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/co87771ira1watifasby.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vEo4RyVW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/co87771ira1watifasby.jpg" alt="Front Page" width="880" height="612"></a></p> <h4> Stock Action Panel </h4> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--twBm1vCR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qufx7q80dzmhuelsigwz.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--twBm1vCR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qufx7q80dzmhuelsigwz.jpg" alt="Action Panel" width="880" height="619"></a></p> <h4> Leaderboard page </h4> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--z6yh1ts_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j0jyn6o3shpx4thp2rab.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--z6yh1ts_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j0jyn6o3shpx4thp2rab.jpg" alt="Leaderboard" width="880" height="622"></a></p> <h4> Final Note </h4> <p>Thanks for checking out my project.<br> Thank you to all staffs for this hackathon &lt;3</p> appwritehack Groovemade - E-commerce app using MongoDB atlas search Patrick Valera Fri, 14 Jan 2022 03:50:31 +0000 https://forem.com/patrickvalera/groovemade-e-commerce-app-using-mongodb-atlas-search-58ge https://forem.com/patrickvalera/groovemade-e-commerce-app-using-mongodb-atlas-search-58ge <h3> Overview of My Submission </h3> <p>Groovemade is a fully-responsive, fullstack, E-commerce platform built on the MERN stack (MongoDB, Express, React, NodeJS). It uses MongoDB atlas search and pipeline aggregation to handle data queries from the client.</p> <h3> Submission Category: </h3> <p>E-Commerce Creation with Atlas Search</p> <h3> Link to Code </h3> <p><a href="https://groovemade.herokuapp.com/" rel="noopener noreferrer">LIVE DEMO-Groovemade</a><br> <a href="https://github.com/PatrickValera/13_MongoDB_Hackathon_E-commerce" rel="noopener noreferrer">GITHUB REPO</a></p> <h3> Technologies and libraries used </h3> <ul> <li>HTML/CSS/Javascript</li> <li>React</li> <li>NodeJs/ExpressJs</li> <li>MongoDB</li> <li>Redux</li> <li>Material UI</li> </ul> <h3> App Preview (video/image) </h3> <p><iframe width="710" height="399" src="https://www.youtube.com/embed/seAjE_QN5ZA"> </iframe> </p> <h4> Catalog Page </h4> <p><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%2Ftp5gugncxxfrqmyo9y6u.png" 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%2Ftp5gugncxxfrqmyo9y6u.png" alt="Catalog Page"></a></p> <h4> Search Popup </h4> <p><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%2Fa0zi7eqyeqjeikaskigp.png" 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%2Fa0zi7eqyeqjeikaskigp.png" alt="Search Popup"></a></p> <h4> Product Page </h4> <p><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%2Flhrkdyue9b87pgq1m6qa.png" 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%2Flhrkdyue9b87pgq1m6qa.png" alt="Product Page"></a></p> <h4> Cart Page </h4> <p><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%2F6v2b8tffzjc1ekm4rovp.png" 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%2F6v2b8tffzjc1ekm4rovp.png" alt="Cart Page"></a></p> <h4> Login Page </h4> <p><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%2Fhmcokhnp4jcgynv236uf.png" 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%2Fhmcokhnp4jcgynv236uf.png" alt="Login Page"></a></p> <h4> Order List Page </h4> <p><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%2Fqced6vfy03oa6x4b2bkx.png" 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%2Fqced6vfy03oa6x4b2bkx.png" alt="Order List"></a></p> <h4> Order Page </h4> <p><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%2F7pro7ktse0c9jli2zats.png" 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%2F7pro7ktse0c9jli2zats.png" alt="Order Page"></a></p> <h4> Final Note </h4> <p>Thanks for checking out my project.<br> I had lots of fun and learned a lot while working on this project.<br> Thank you to MongoDb staff for this hackathon &lt;3</p> atlashackathon mongodb react