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 …
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 »
The Whinst home page is the first thing users see once they log into the web app. It features functionality for users to create a new catalog and lists the previous catalogs users have created. This list of previous catalogs also features preview images that display the images from the respective catalogs. In this article, …
Building a web app (Whinst) Part 7: Building the home page (1/2) Read More »
One important thing to consider when building web apps is making sure all the pages are responsive. A web app is responsive when its UI fits well on all types of device screen sizes. In this article, I’ll walk you through how I made the UI of all the pages I’ve created so far responsive. …
Building a web app (Whinst) Part 6: Making the pages responsive Read More »
Most web apps on the internet today are multi-page web apps, which means they are comprised of more than one page. These pages have some sort of structure which is just the organization and design of the different components found on a web page, this structure is usually implemented using HTML. In this article, I’ll …
Building a web app (Whinst) Part 5: Creating pages and adding structure to them Read More »