The latest articles on DEV Community by ByteMakers (@bytemakers). https://dev.to/bytemakers 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%2Forganization%2Fprofile_image%2F6055%2F6db0e944-1665-4d12-99b6-51d25fcd240c.png https://dev.to/bytemakers en Devarshi Shimpi Fri, 14 Oct 2022 16:00:49 +0000 https://dev.to/bytemakers/noteslify-joins-hacktoberfest-open-source-alternative-to-evernote-2cia https://dev.to/bytemakers/noteslify-joins-hacktoberfest-open-source-alternative-to-evernote-2cia <p>Hacktoberfest 2022 has started! We're super excited about joining<br> Hackberfest and meeting open-source contributors! 🤝</p> <h2> Hacktoberfest </h2> <p>For those who aren't familiar with Hacktoberfest, it's a month-long online celebration for open-source softwares and communities. The first 40,000 participants who <a href="https://hacktoberfest.com/participation/#contributors" rel="noopener noreferrer">successfully completed the requirements</a> will be rewarded with a special-edition Hacktoberfest T-shirt 👕 or a tree planted in your name. 🌴</p> <p>Participating in Hacktoberfest is one of our approaches to raise awareness and encourage more developers or technical writers to contribute to open source. We welcome both code and non-code contributions, such as docs improvement, tutorials, and blog posts.</p> <h2> About Noteslify </h2> <p><a href="https://media2.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%2F46di6f4k00vj15nt5ele.png" class="article-body-image-wrapper"><img src="https://media2.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%2F46di6f4k00vj15nt5ele.png" alt="notes" width="800" height="394"></a></p> <p>We built <a href="https://noteslify.stonecss.com/" rel="noopener noreferrer">Noteslify</a> ( <a href="https://github.com/dvstechlabs/Noteslify" rel="noopener noreferrer">Github</a> ) to focus privacy and be open-source for 100% transparency. We started this project about 2 months ago, and have come till here.</p> <h2> Contribute to Noteslify </h2> <p>If you're interested in contributing to <a href="https://noteslify.stonecss.com/" rel="noopener noreferrer">Noteslify</a> ( <a href="https://github.com/dvstechlabs/Noteslify" rel="noopener noreferrer">Github</a> ), make sure you read the official guidelines about contributors,<br> pull requests, and spam.</p> <p>To maintain a friendly environment for both maintainers and contributors, we put together extra recommendations to increase the chance that your pull requests get accepted:</p> <ul> <li>Pay attention to <a href="https://github.com/dvstechlabs/Noteslify/blob/main/CONTRIBUTING.md" rel="noopener noreferrer">CONTRIBUTING.md</a> or any contribution guidelines available.</li> <li>Start with <a href="https://github.com/dvstechlabs/Noteslify/issues" rel="noopener noreferrer">existing issues</a> instead of inventing new ones. While new ideas are generally welcomed, they don't always fit the project roadmap.</li> <li>Filter issues with good first issues or help wanted tags if you're new to the projects.</li> <li>Avoid commenting on all the available issues but those you really plan to work on, so you can leave some opportunities to other contributors.</li> <li>Our maintainers will review your pull requests, please make sure you address all the comments before asking for another review.</li> </ul> <h2> Happy Coding!!! </h2> <p><strong>Thank You for reading till here. Meanwhile you can check out our other blog posts and visit our</strong> <a href="https://github.com/dvstechlabs" rel="noopener noreferrer">Github</a>.</p> <p>Last but not least, star our <a href="https://github.com/dvstechlabs/Noteslify" rel="noopener noreferrer">GitHub repo</a> if you haven't!</p> opensource hacktoberfest webdev javascript Devarshi Shimpi Fri, 09 Sep 2022 16:14:43 +0000 https://dev.to/bytemakers/how-we-used-airtable-to-create-an-email-subscriber-form-on-noteslify-for-0-3lod https://dev.to/bytemakers/how-we-used-airtable-to-create-an-email-subscriber-form-on-noteslify-for-0-3lod <h2> What is Noteslify? </h2> <p><strong><a href="https://noteslify.vercel.app" rel="noopener noreferrer">Noteslify</a></strong> ( <a href="https://github.com/devarshishimpi/Noteslify" rel="noopener noreferrer">Github</a> ) is a privacy friendly alternative for Evernote, and other tons of Notes and Productivity apps out there.</p> <p><a href="https://media2.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%2Fnzoujhybzb53n82txz0d.png" class="article-body-image-wrapper"><img src="https://media2.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%2Fnzoujhybzb53n82txz0d.png" alt="noteslify" width="800" height="391"></a></p> <p>Recently this evening, we made our first pre-release ( On 9th September, 2022 to be particular ). There's a lot development going on with the project, like adding functionality of Recycle Bin. Coloring Notes, Uploading Files, etc. ( All Contributions Open!! )</p> <p>While building, we first came across Mailchimp for adding forms using Mailchimp AJAX and JavaScript. Later, on realization we came to know that Mailchimp might turn out to be highly expensive for us, so we found out <a href="https://airtable.com/invite/r/kNae38Me" rel="noopener noreferrer">Airtable</a> as an alternative to it.</p> <h2> Why did we chose <a href="https://airtable.com/invite/r/kNae38Me" rel="noopener noreferrer">Airtable</a> ?? </h2> <p><a href="https://media2.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%2Fflz9ax5yrp9rqqm0jkya.png" class="article-body-image-wrapper"><img src="https://media2.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%2Fflz9ax5yrp9rqqm0jkya.png" alt="airtable2" width="800" height="370"></a></p> <p><a href="https://airtable.com/invite/r/kNae38Me" rel="noopener noreferrer">Airtable</a> was the first option that came to our mind. It s a low-code, spreadsheet-database hybrid solution that allows users to turn their data into powerful applications For example, sales teams can use their sales contact data to create a lightweight CRM.</p> <h2> Airtable Pricing, How affordable is it? </h2> <p><a href="https://media2.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%2Fhvllp3dr3rb9r5gyczdl.png" class="article-body-image-wrapper"><img src="https://media2.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%2Fhvllp3dr3rb9r5gyczdl.png" alt="pricing" width="800" height="318"></a></p> <p><a href="https://airtable.com/invite/r/kNae38Me" rel="noopener noreferrer">Airtable</a> allows us to create unlimited bases with one base having a limit of 1200 records. This is perfect for a mailing list, their pricing for the premium plans aren't too high as well.</p> <p>It has a vast library of different integrations to maximize our productivity and automation.</p> <h2> Getting Started with Airtable </h2> <p>First of all, Create an account at Airtable <a href="https://airtable.com/invite/r/kNae38Me" rel="noopener noreferrer">here</a>.</p> <p>Once that's done. Create a new Workspace with a new base.</p> <p><a href="https://media2.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%2F4c6r1c9wov9tkwjcock6.png" class="article-body-image-wrapper"><img src="https://media2.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%2F4c6r1c9wov9tkwjcock6.png" alt="createbase" width="800" height="343"></a></p> <p>It looks something like this.</p> <p><a href="https://media2.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%2Fpas2k7cd5y02t713ravp.png" class="article-body-image-wrapper"><img src="https://media2.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%2Fpas2k7cd5y02t713ravp.png" alt="base" width="800" height="389"></a></p> <p>Now, you'll find a Forms button in the corner and give the form a name.</p> <p><a href="https://media2.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%2F2a0bek51gl6tvtibunj7.png" class="article-body-image-wrapper"><img src="https://media2.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%2F2a0bek51gl6tvtibunj7.png" alt="createform" width="538" height="433"></a></p> <h2> Woohoo!!!! You created your first <a href="https://airtable.com/invite/r/kNae38Me" rel="noopener noreferrer">Airtable</a> forms!! </h2> <p>Click <code>Embed this form on your site</code> and the code to your website.<br> You may use others options as well.</p> <p><a href="https://media2.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%2F4h9a3xp3yqko07qcu1wk.png" class="article-body-image-wrapper"><img src="https://media2.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%2F4h9a3xp3yqko07qcu1wk.png" alt="embed" width="800" height="573"></a></p> <p><a href="https://media2.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%2Fviyrm81giw7i1uf8v8b4.png" class="article-body-image-wrapper"><img src="https://media2.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%2Fviyrm81giw7i1uf8v8b4.png" alt="final" width="800" height="206"></a></p> <p><strong>Check out <a href="https://noteslify.vercel.app" rel="noopener noreferrer">Noteslify</a> ( <a href="https://github.com/dvstechlabs/Noteslify" rel="noopener noreferrer">Github</a> )</strong></p> <p><strong>Check out <a href="https://airtable.com/invite/r/kNae38Me" rel="noopener noreferrer">Airtable</a></strong></p> <h2> Happy Coding!!! </h2> <p><strong>Thank You for reading till here. Meanwhile you can check out my other blog posts and visit my</strong> <a href="https://github.com/devarshishimpi" rel="noopener noreferrer">Github</a>.</p> <p><strong>I am currently working on</strong> <a href="https://stonecss.com/" rel="noopener noreferrer">Stone CSS</a> ( <a href="https://github.com/devarshishimpi/Stone-CSS-Website" rel="noopener noreferrer">Github</a> ) <strong>as well.</strong></p> <p><em>This post includes affiliate links; I may receive compensation if you purchase products or services from the different links provided in this article.</em></p> javascript webdev tooling showdev