Gating entrances with Stripe and NFC passes

External content

Joshua NussbaumJoshua Nussbaum
indev

Gating entrances with Stripe and NFC passes

Joshua Nussbaum's recent article introduces a modern approach to access control by integrating Stripe payments with NFC-enabled digital passes. Instead of traditional physical keys or cards, users receive digital passes compatible with Apple Wallet and Google Wallet, allowing seamless entry through NFC readers. The system comprises two main components: a public-facing website for Stripe Checkout and pass issuance, and a private access control system running on a Raspberry Pi. This setup verifies membership status via the Stripe Subscription API and unlocks doors accordingly. Hardware requirements include a Raspberry Pi Zero 2W, VTAP100 NFC reader, an electronic door strike, and a 3.3V relay. For developers, the article provides a comprehensive guide, including a wiring diagram and step-by-step instructions, to implement this solution effectively. By leveraging existing digital wallets and NFC technology, this approach offers a streamlined, contactless access experience.
JavaScript
TypeScript
6 min read
What is Qwik.js? Features, Pros & Cons, Install Guide & FAQs

External content

swhabitationswhabitation
indev

What is Qwik.js? Features, Pros & Cons, Install Guide & FAQs

Qwik.js is a cutting-edge front-end framework developed by Builder.io, designed to address performance bottlenecks in modern web applications. Unlike traditional frameworks that require significant JavaScript to render interactive pages, Qwik.js employs a unique "resumability" approach, allowing pages to become interactive instantly without the need for hydration. This results in ultra-fast load times and improved user experiences. Key features of Qwik.js include JSX support, lazy loading of components and event listeners, built-in server-side rendering (SSR), and compatibility with edge hosting platforms like Vercel and Netlify. Its architecture ensures that only the necessary JavaScript is loaded, enhancing scalability and SEO performance. While Qwik.js offers significant advantages in terms of speed and efficiency, it is still evolving, and developers should be aware of potential changes in APIs as the framework matures. Nevertheless, for projects prioritizing performance, Qwik.js presents a compelling option.
JavaScript
Web Development
Performance
3 min read
4 Easiest Ways to Set Up Email for Your App (With Real Examples)

External content

Seth KeddySeth Keddy
indev

4 Easiest Ways to Set Up Email for Your App (With Real Examples)

Developers often need to add email functionality to their apps quickly and efficiently. This article highlights four easy ways to integrate email services using practical examples. The guide covers SendGrid, Postmark, Amazon SES, and Mailgun, detailing setup steps, key features, and best use cases for each service. Examples in Node.js and Python help developers implement them with minimal hassle. This resource is ideal for developers seeking reliable, scalable, and fast solutions for sending transactional or marketing emails without complex configuration.
JavaScript
Web Development
4 min read
How to Add Google Fonts in a React Project with Tailwind CSS

External content

Athreya aka ManeshwarAthreya aka Maneshwar
indev

How to Add Google Fonts in a React Project with Tailwind CSS

The article provides a step-by-step guide for integrating Google Fonts into a React project styled with Tailwind CSS. The tutorial demonstrates how to incorporate the EB Garamond font, enhancing the application's typography. By following the outlined steps, developers can easily customize their project's font styling using Google Fonts in conjunction with Tailwind CSS.
JavaScript
Web Development
CSS
Typography
Think You Know the DOM? Prove It With These 10 Exercises!

External content

CodeguageCodeguage
indev

Think You Know the DOM? Prove It With These 10 Exercises!

The article presents a series of 10 hands-on exercises designed to deepen understanding of the HTML DOM and enhance JavaScript skills. These exercises challenge developers to manually implement core DOM methods and properties, such as replaceChild(), insertAdjacentElement(), and firstElementChild, fostering a deeper comprehension of DOM manipulation beyond standard usage. The tasks range from redefining existing methods to creating custom implementations, offering a practical approach to mastering the DOM. The exercises are structured to progressively build expertise, starting with simpler tasks like redefining className and advancing to more complex challenges such as implementing an append() polyfill and serializing HTML content. By engaging with these exercises, developers can solidify their foundational knowledge and gain confidence in handling intricate DOM operations. This resource is particularly beneficial for front-end developers aiming to deepen their understanding of the DOM and enhance their JavaScript proficiency. The hands-on approach not only reinforces theoretical knowledge but also equips developers with practical skills applicable in real-world scenarios.
JavaScript
Web Development
6 min read
🔥 Simulating Course Schedules 600x Faster with Web Workers in CourseCast

External content

Basti OrtizBasti Ortiz
indev

🔥 Simulating Course Schedules 600x Faster with Web Workers in CourseCast

A recent article discusses how the CourseCast application significantly improved its performance by utilizing web workers to simulate course schedules. Previously, the Monte Carlo simulations for student schedule assignments were slow, taking about a minute per request, which limited scalability and user experience. By transitioning the computation to the client side using web workers, the application achieved sub-second execution times, making it virtually infinitely scalable and faster than a page load.
JavaScript
Web Development
Performance
Python
9 min read
How to create an App service application in Azure.

External content

EMMANUELEMMANUEL
indev

How to create an App service application in Azure.

Emmanuel Onyemuche's recent article provides a step-by-step guide on deploying a simple web application to Azure App Service. The process begins by generating basic HTML, CSS, and JavaScript code for a chess game using ChatGPT. This code serves as the dummy application to be hosted on Azure. The tutorial walks readers through the creation of essential Azure resources: a resource group, an App Service plan, and a web application. It then demonstrates how to deploy the generated code to the Azure App Service using the Kudu Debug Console. The final result is a fully functional chess game accessible via the default Azure domain. This guide is particularly beneficial for developers looking to understand the deployment process on Azure App Service, offering practical insights into using Platform as a Service (PaaS) for hosting web applications.
JavaScript
Web Development
Cloud
4 min read
Hotfix Story: Fixing Password Reset Under Pressure

External content

Marcelo MagarioMarcelo Magario
indev

Hotfix Story: Fixing Password Reset Under Pressure

In a high-pressure scenario, a backend engineer faced two urgent issues: a failing password reset flow triggered by a Redis v4 upgrade and ineffective, English-only recovery emails lacking branding clarity. To resolve these, a hotfix was deployed directly to production: recovery emails were localized (including Portuguese) and enhanced with dynamic company branding, while the Redis client initialization was refactored to ensure compatibility with both new and legacy code. These updates restored critical functionality, improved user clarity, and reinforced system reliability—all amid a rapidly changing development environment. The case underscores the value of targeted fixes to preserve user trust during technical transitions.
JavaScript
2 min read
Why Websites Feel Slow, And How I Fix It as a Frontend Developer

External content

Jonathan IdiosephJonathan Idioseph
indev

Why Websites Feel Slow, And How I Fix It as a Frontend Developer

Jonathan Idioseph explores why websites often feel slow and shares practical tips for frontend developers to improve speed. He emphasizes that performance affects user retention, SEO, and overall experience. Key techniques include optimizing images with Next.js, using code splitting and lazy loading, leveraging static site generation, and applying caching via CDNs. These steps reduce load times and make sites more responsive. He also highlights Next.js App Router features—server components, nested layouts, and streaming—which help streamline development and deliver faster, smoother user experiences.
JavaScript
NextJS
Web Development
3 min read
Apache ECharts 6.0: The Powerful Data Visualization Library

External content

Apache Software FoundationApache Software Foundation
injavascriptweekly

Apache ECharts 6.0: The Powerful Data Visualization Library

JavaScript
Open Source
Web Development
5 min read
---