Building Whinst

After fully adding authentication functionality into the Whinst web app I moved on to adding functionality to the home page. I did this by first adding API endpoints(a specific location within an API that accepts requests and sends back responses). The home page has one endpoint which gets the catalogs that a registered user has …

Building a web app (Whinst) Part 14: Creating and adding home page API endpoints Read More »

The final piece of authentication functionality I’ve added to the Whinst web app is user account verification. This is an essential feature as it’ll help identify and give access to only legit users. In this article, I’ll walk you through how I set up user account verification. Let’s dive in🏄🏾. Setting up user verification 🔐 …

Building a web app (Whinst) Part 13: Setting up user account verification Read More »

In the previous sub-articles, I talked about how I added authentication functionality to the Whinst web app. This article is a continuation from there, talking about the features and functionality I’ve added to improve upon the existing authentication functionality. In this article, I’ll walk you through how I created a custom sign-in page, added form …

Building a web app (Whinst) Part 12: Creating a custom sign in page, adding authentication form validation and password encryption. Read More »

This article is a continuation of the previous article which talked about how I set up logging in with user credentials such as email and password. In this article, I’ll walk you through how I set up user registration in the Whinst web app. Let’s dive in🏄🏻‍♂️. How I set up user registration👨🏽‍💻 The backend: In …

Building a web app (Whinst) Part 11: Setting up user authentication (2/2) Read More »

User authentication which is the process of identifying a person trying to access an application, is an essential feature found in most applications and Whinst is no exception to this. This article will be divided into 2 sub-articles which are logging in with credentials, user registration. In this article which is the first sub-article, I’ll walk you …

Building a web app (Whinst) Part 11: Setting up user authentication (1/2) Read More »

User authentication is the first thing I’ve decided to do on the Whinst backend. But to start setting up user authentication I first needed to define and create a user and to define and create a user I needed to first set up the database. In this very short article😅, I’ll tell you about how …

Building a web app (Whinst) Part 10: Setting up the database Read More »

The next step in the Whinst development plan after building the frontend is learning the required backend technologies before starting to build the backend. The technologies I’ll be using for the backend are Express for the server and API and PostgreSQL for the database. In this article, I’ll summarise what I’ve learned about these technologies so far. Let’s dive …

Building a web app (Whinst) Part 9: Learning Express and PostgreSQL Read More »

After about a week and a half, I’m happy to say I’m done with the Whinst front end. I’ve so far added enough structure and functionality on the frontend to move on to building the backend. Because Whinst is a simple web app, the same similar components are what make up all the pages in …

Building a web app (Whinst) Part 8: Building the frontend (summary) Read More »

In the last article, I talked about how I set up catalog creation and listing previously made catalogs. This article is a continuation and the last part of the building the home page article. In this article, I’ll walk you through how I set up catalog previews in the Whinst web app. Let’s dive in🏄🏾. …

Building a web app (Whinst) Part 7: Building the home page (2/2) Read More »