Our great sponsors
-
site-preview-app-tutorial
Site Preview App Tutorial that is made with React,TailwindCSS,Auth0 and Cloudinary
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
You can find the Source Code of the project on Github and Live Environment Setup on CodeSandbox
We will be using TailwindCSS as our CSS Framework. Setup a New Create React App Project with TailwindCSS using this guide from the official Tailwind Docs.
One of the major reasons for creating content on the internet is to share it with others which often would be via social media. When sharing that URL link depending on the site shared it would most likely use rich previews to show more information about the site in a card view. The Open Graph Protocol was developed to standardize the display of link previews and other metadata within a webpage. You can read more about it in Colby's article here. In this tutorial, we will build a Site Previewer App that displays link previews for social media sites and displays the page metadata.
Authentication and File Storage are common features that developers think about while working on a project. Cloudinary is a service that makes media management easy to integrate for web and mobile developers. Auth0 provides authentication and authorization services that are built into applications. In this tutorial, we are going to build a real-world application that integrates with Auth0 and Cloudinary.