Open Terminal Copy and paste cd ~/Desktop Copy and paste all 3 lines npx create-react-app my-app cd my-app npm start localhost:3000 will open automatically Login to Github and go to https://github.com/new Enter a name Click Create repository Copy the code under …or push an existing repository from the command line. In this example it’s git remote add origin https://github.com/d...
Read MoreOpen Terminal Copy and paste cd ~/Desktop Copy and paste all 3 lines npx create-react-app my-app cd my-app npm start localhost:3000 will open automatically Login to https://portal.azure.com Click App Services Click Create app service Select any resource group (create one if you don’t have any) Add your app name (this is the site’s public url) Select Node 16 LTS on Linux using an...
Read MoreLet's start with what software is and can do. Software in short is simply a solution to an existing problem. We can take your alarm clock you set each morning as an example. Because of this, physical alarm clocks are no longer needed. Another example is your mail or messaging application on your phone. These are examples of existing software you use everyday. And many industries have their own...
Read MoreMany apps use this nifty feature to get all of your Facebook photos, like Tinder for instance. It's exceedingly useful, as it makes it easy for a user to add Facebook photos to your application. In reality, it really just adds a convenience factor, as anyone could easily just download Facebook photos to their library anyway. We will be using the JavaScript SDK for the examples, but can be use...
Read MoreLong gone are the days of using the mysql_ extension, as its methods have been deprecated since PHP 5.5 and removed as of PHP 7. Alas, the internet is still plagued with a ton of old tutorials that beginners will simply copy/paste and use on a shared hosting platform with an older PHP version, thus continuing its legacy. If you are using MySQL or MariaDB in PHP, then you have the ability to c...
Read MorePDO (PHP Data Objects) is an abstraction layer for your database queries and is an awesome alternative to MySQLi, as it supports 12 different database drivers. This is an immense benefit for people and companies that need it. However, keep in mind that MySQL is by far the most popular database. It's also exceedingly tightly coupled with PHP, which is why that number is significantly higher wi...
Read MoreBefore I start, if you'd like to see an even easier way to use MySQLi prepared statements, check out my wrapper class. Also, here's a great resource to learn PDO prepared statements, which is the better choice for beginners and most people in general. A hack attempt has recently been discovered, and it appears they are trying to take down the entire database. An impromptu staff meeting has be...
Read MoreIf you're making a video chat or audio chat app, you can give your users a much better experience by using iOS CallKit. By the end of this Swift tutorial you'll learn how to make it so that when a user tries to start a video chat or audio chat with a friend, the native iOS Call Screen will show up. You'll even learn how to customize the ringtone, add your logo to the call UI, and modify a coup...
Read MoreOpen Terminal by clicking on the magnifying glass at the top right corner of your screen and searching for Terminal Type sudo apachectl start and press enter Open Safari (or your browser of choice), type localhost in the address bar, and press enter Can’t believe it’s that easy? It is! You should now see It works! in the browser. Mac already comes with PHP, so you don’t need to install i...
Read MoreVid2Chat, a mobile application for finding singles locally, is a fun little project developed here at Website Beaver. You might be thinking, "you mean Tinder?". This would be a fair point made, except it actually differs in one significant way: video chatting, instead of text messaging. This may also lead to comparisons to the infamous Chat Roullete or Omegle. However, Vid2Chat differs from t...
Read MoreIn this tutorial, you’ll learn how to build a simple video chat using WebRTC. You can view the demo above to see the video chat in action. Just replace the Firebase credentials in the CodePen, open this web page on another computer, and press call on either computer. I would encourage you to try this before continuing to read this tutorial. After an explanation of how this video cha...
Read MoreAmazon S3 (Simple Storage Service), as its name implies, is a service that provides online cloud hosting for your files, separate from your site’s server. This might not seem like such a useful tool, as you can already just upload your files directly to your own site; why even deal with an external service? AWS S3 has gained immense traction in recent years, and for good reason. Separating th...
Read MoreHave you ever wondered how websites present HTML code, without the page mistaking it for part of the DOM? This tutorial will cover how to correctly do so. The quintessential usage of this is seen on the coding blocks on this very page. Security will not be covered, since it will be assumed that you are the one inputting the data, not a user. If you would like to prevent against Cross-Site Scr...
Read MoreMaking an interactive and responsive map is much easier than you would think. In this tutorial we'll start with a plain SVG image of the United States. The goal is to make it so that hovering over a state will display the name of the state, along with its capital. Additionally, it will be able to adapt to any screen size. By the end of this tutorial you'll be able to do this using any map you...
Read More
