--- title: Best DEV posts — June 2023 | daily.dev description: The most upvoted DEV posts from June 2023, curated by the daily.dev community. canonical: https://daily.dev/sources/devto/best-of/2023/06 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/devto/best-of/2023/06 og:type: website og:site_name: daily.dev og:title: Best DEV posts — June 2023 | daily.dev og:description: The most upvoted DEV posts from June 2023, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of DEV — June 2023 1. 1 [](https://daily.dev/posts/build-a-whatsapp-clone-realtime-chat-using-next-js-socket-io-tailwind-css-node-js-express-and--18ruqxvkn "Build a Whatsapp Clone (Realtime Chat) using Next.js, Socket.io, Tailwind CSS, Node.js, Express and Prisma") Article DEV·3y Build a Whatsapp Clone (Realtime Chat) using Next.js, Socket.io, Tailwind CSS, Node.js, Express and Prisma This comprehensive WhatsApp clone comes packed with a range of awesome features to give you an authentic messaging experience. The Whatsapp Clone uses Next.js, Socket.io, Tailwind CSS, Node.js and Express and Prisma - DEV Community Features of the WhatsApp Clone. 297 18 2. 2 [](https://daily.dev/posts/a-practical-guide-to-deploying-a-complex-production-level-three-tier-architecture-on-aws-9cjvnnkno "A Practical Guide To Deploying A Complex, Production Level, Three-tier Architecture On AWS") Article DEV·3y A Practical Guide To Deploying A Complex, Production Level, Three-tier Architecture On AWS Learn how to deploy a complex, production-level, three-tier architecture on AWS using Flask and Terraform. This guide covers creating the environment, security groups, launch templates, autoscaling groups, Elastic Filesystem, bastion host, database, IAM role, and accessing the application. You can also find bonus sections on creating a domain name, hosted zone, SSL certificate, CloudFront distribution, and integrating it with the Application Load Balancer. 110 3 3. 3 [](https://daily.dev/posts/how-to-design-attractive-progress-bars-with-tailwind-css--gr2adgzzs "How to Design Attractive Progress Bars with Tailwind CSS?") Article DEV·3y How to Design Attractive Progress Bars with Tailwind CSS? Learn how to design attractive progress bars using Tailwind CSS and enhance user experience by providing real-time feedback on file upload progress. 26 2 4. 4 [](https://daily.dev/posts/asynchronous-javascript-5pzbso7ag "Asynchronous JavaScript") Article DEV·3y Asynchronous JavaScript JavaScript uses callbacks to handle asynchronous tasks, promises provide a structured way to handle asynchronous operations, and JavaScript uses a flow of data to handle asynchronous operations without blocking the main thread. 26 1 5. 5 [](https://daily.dev/posts/how-to-create-a-slick-animation-from-stranger-things-yurrrjjnt "How to create a slick animation from Stranger Things") Article DEV·3y How to create a slick animation from Stranger Things The title sequence is a 52 second sequence, so I will not recreate it entirely. It is a closeup of the scattered letters of the title slowly drawn together. The font used for the title is ITC Benguiat. The font was used on the cover of countless Stephen King novels. 20 1 6. 6 [](https://daily.dev/posts/asynchronous-javascript-2cfrrsq5a "Asynchronous-JavaScript") Article DEV·3y Asynchronous-JavaScript Callbacks in JavaScript allow for asynchronous programming and handling of events. Promises provide a more structured and intuitive way to handle asynchronous operations. Code control constructs in JavaScript include conditional statements, loops, and error handling. 12 [See all DEV archives](/sources/devto/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/devto/best-of/2023/06#page","url":"https://daily.dev/sources/devto/best-of/2023/06","name":"Best DEV Posts — June 2023","description":"The most upvoted DEV posts from June 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/devto/best-of/2023/06#items","numberOfItems":6,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/build-a-whatsapp-clone-realtime-chat-using-next-js-socket-io-tailwind-css-node-js-express-and--18ruqxvkn","name":"Build a Whatsapp Clone (Realtime Chat) using Next.js, Socket.io, Tailwind CSS, Node.js, Express and Prisma"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/a-practical-guide-to-deploying-a-complex-production-level-three-tier-architecture-on-aws-9cjvnnkno","name":"A Practical Guide To Deploying A Complex, Production Level, Three-tier Architecture On AWS"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/how-to-design-attractive-progress-bars-with-tailwind-css--gr2adgzzs","name":"How to Design Attractive Progress Bars with Tailwind CSS?"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/asynchronous-javascript-5pzbso7ag","name":"Asynchronous JavaScript"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/how-to-create-a-slick-animation-from-stranger-things-yurrrjjnt","name":"How to create a slick animation from Stranger Things"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/asynchronous-javascript-2cfrrsq5a","name":"Asynchronous-JavaScript"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"DEV","item":"https://daily.dev/sources/devto"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/devto/best-of"},{"@type":"ListItem","position":5,"name":"June 2023"}]}]} ```