Building a Word Counter Application in Node.js Using Axios

Building a Word Counter Application in Node.js Using Axios

Modern applications communicate with other servers to accomplish tasks like sending emails, upload/download images, and embedding live Twitter feed. That is when we need HTTP requests. There are multiple ways to make HTTP requests in Node.js. In this article, I am going to introduce the Axios library.

Axios is a JavaScript library that works in both Browser and Node.js platforms. Axios is promise-based, and this lets us perform requests asynchronously.

Implementation

Let’s implement a feature in the Node.js-React application I created in the last article that accepts a URL as an input from a user, load the content of the URL…


Top JavaScript frameworks

Top JavaScript frameworks and libraries

Currently, JavaScript is known as one of the most sought-after programming languages on the web. As reported by W3Tech, 97.1% of all the websites use it as a client-side programming language. Other areas of its implementation include mobile app development, web games, and desktop application development.

It should be noted that JavaScript is not a static technology. On the contrary, it is evolving constantly, meaning that few frameworks and libraries are introduced almost daily. Sometimes it is hard to choose those ones that suit your project the most.

To make things easier, we prepared a post covering the most popular…


Best UI libraries for react

Best UI libraries for react

React is one of the most popular front-end frameworks. According to the 2020 developer survey react chosen as the most preferred JavaScript framework.

Due to its popularity, many UI libraries have built custom React components to facilitate easy integration and improve the developer experience.

There are a bunch of react Ui kits and libraries available today. We will have a most useful kit and library to show how you can use them in your next React app. …


Choosing a Router Type in React Apps

Hey guys 👋, I hope you’re having a great day. I’m going to be talking about the various advantages and disadvantages of routers in react-router and how to pick one.

There are three types of routers that are given by react-router. We'll go through each of them in detail later:

1. Browser Router
Uses everything after the TLD(.com, .in, .co etc) or port as the path. In localhost:3000/xyz, /xyz is the path.

2. Hash Router
Uses everything after the# as the path. In localhost:3000/#/xyz, /xyz is the path.

3. Memory Router Does not use the URL to track navigation, it’s…


How to migrate the Kotlin app

Together with some colleagues, I maintain a small full-stack web application called CodeQuiz, which we built during a 48-hour hackathon at JetBrains, and use at events to gamify learning about Kotlin. I recently migrated its frontend which you can see below (and which is using the kotlin-react wrappers) to the new Kotlin/JS IR compiler backend.


how to make a left-side animated menu

Hey there! 👋 😊

In this post, I want to show you a left-side animated menu that I created recently.

Before we start, I would highly recommend you to check out a runnable example for the solution on our website:
React — how to make a left-side animated menu

Final effect:


WhatsApp Privacy Update

In a move that further irked privacy advocates, WhatsApp announced to go ahead with the highly controversial privacy policy update on Thursday. However, as per the official WhatsApp blog, the app will “display a banner in WhatsApp providing more information that people can read at their own pace.” WhatsApp has also added further information as part of its to address user concerns.

“We’ve also included more information to try and address concerns we’re hearing. Eventually, we’ll start reminding people to review and accept these updates to keep using WhatsApp.”, the blog further added.

The world’s most used messaging platform had…


Best Free Bootstrap 5 Templates

Best Free Bootstrap 5 Templates

Nowadays, every business needs a web presence either it is a small company or a multinational company. Professional businesses are providing their services and getting paid online.

For making your online work easy we have a massive collection of the most popular front-end framework Bootstrap 5 start-up website templates are available on the internet, but there are only a few which stand for quality. In this article, we have a collection of bootstrap 5 templates for a start-up of 2021.

However, building websites is an expensive and time-consuming process, it also needs proper attention to develop from scratch design to…


Apple may introduce a foldable iPhone

Apple may introduce a foldable iPhone

According to Omdia, global communications, and digital research organization, Apple is developing a foldable iPhone which will launch in 2023.

The rumors of a foldable iPhone came about in late 2017 where the Cupertino-based tech giant was said to team up with LG Display to develop this smartphone. However, Omdia believes that the phone will launch the phone by 2023 which is said to have an OLED display. Moreover, the size of the phone is predicted to be 7.3–7.6 inches in height with the addition of supporting a stylus.

There have been recent schematics leaked from an Apple patent on…


15+ Ways of Teaching Every Student to Code

15+ Ways of Teaching Every Student to Code

In my opinion, parents of every student in every school at every level should demand that all students be taught how to code. They need this skill not because they’ll all go into it as a career that isn’t realistic-but because it impacts every career in the 21st-century world. Any country recognizing that will benefit in the long term.

With the following resources, you can teach programming to every student and every age.

Teaching Coding to the Youngest Students

  • Tynker Games: Use these age-appropriate games to teach your elementary students coding concepts. From Puppy Adventures to Math Art and Maze Craze, you’ll find games that students…

Fahad Ahmad

Full Stack Developer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store