Join me as I document the process and the progress I’ll be making in building my latest personal project called Whinst.
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 »
Setting up a development environment is a crucial step in every development process that usually goes overlooked. In this short article, I’ll walk you through how I set the development environment for building Whinst and how I created the Whinst front-end project. Let’s dive in🏃 Setting up the development environment🔧 This process was rather straightforward …
In one of my previous blogs, I mentioned that every time I start a new project I try to learn new technologies. The first two technologies I’ve started learning that I’ll be using for the Whinst frontend are TypeScript and Next.js. In this article, I’ll tell you what I’ve learned about these technologies. Let’s dive in🏊🏾♂️ Learning TypeScript👨💻 …
Building a web app (Whinst) Part 3: Learning TypeScript and Next.js Read More »
One of the challenges I faced while building my last project Course Assist was the lack of organization. This made building the project significantly harder and also took way longer to build than planned😬. Because of this, I’ve decided to take the time to plan and write up a proper development plan which will serve as a …
Building a web app (Whinst) Part 2: Creating a development plan Read More »
On every project I work on I always try to learn and use some new technologies, Whinst is no exception to this. For this project, I’ve decided to use a completely new tech stack with the only familiar technologies being the backend language and the database. In this article, I’ll tell you which technologies I’ve …
Building a web app (Whinst) Part 1: Choosing a tech stack Read More »
Welcome to the Building Whinst blog series🥳!! In this blog series, I will be documenting the process and the progress I’ll be making in building my latest personal project called Whinst. The name Whinst is derived from the first two letters of the words in the sentence “What’s in stock?”. Whinst is going to be a web app that helps …