Building Whinst

An important feature in any application that has user accounts is the ability for users to change their emails and passwords. In this article, I’ll walk you through how I setup this essential functionality in the Whinst web app. Email editing📧 To set up email editing functionality, I first setup a form using Formik where …

Building a web app(whinst) part 24: Adding email and password editing functionality Read More »

An essential part of the Whinst web app is the ability for users to share catalogs they have created. Once a catalog is created a user can simply copy it’s link or share it directly to their social media apps. In this article, I talk about how I added functionality that allows users to share …

Building a web app (Whinst) Part 23: Adding link and social media sharing functionality Read More »

Happy New Year!!!🥳 In the last article, I told you about how I added page loading functionality using simple true and false loading states. When a page is opened and data is being fetched the loading state is set to true and the loading indicator appears on the screen. When the data has been fetched …

Building a web app (Whinst) Part 22: Redoing page loading functionality with React suspense Read More »

In the last few articles, I told you about how I added functionality that allowed users to add files that included images and videos and how to create thumbnails for the uploaded videos. In this article, I’ll walk you through how I set up functionality that allows users to edit or change the files they …

Building a web app(Whinst) Part 21: Adding file editing and page loading functionality Read More »

In the last 2 articles, I walked you through how I set up file upload and image displaying functionality. In this article, I’ll talk about how I set functionality that allows uploaded videos to be played. Video playing functionality📽 To set up video-playing functionality, a video player that plays the selected video file in the …

Building a web app (Whinst) Part 19: Adding video playing functionality Read More »

In the previous article, I walked you through how I set up file upload functionality that allows users to upload a file from their media library and save it to the Whinst backend. In this article, I’ll walk you through how I set up functionality that allows saved images to be displayed on the front …

Building a web app (Whinst) Part 18: Displaying uploaded images Read More »

The ability to upload files such as images and videos is an essential feature in most web and mobile apps, Whinst is no exception. In fact, images and videos are core to the Whinst web app. In this article, I’ll walk you through how I set up file upload functionality. File upload functionality🗂 I set …

Building a web app (Whinst) Part 17: Setting up file upload functionality Read More »