In this article, we are going to build an app that displays the photo of the day, the title of that photo, the current date, and some information about the picture using NASA APOD API, React Routing, React Fragments.
To get started, first we have to know about NASA APOD API- It is an NASA open API, APOD means Astronomy Picture of the day. Using this API, we gonna build an app that displays the information provided by the API. That is,
2.The Photo’s Title.
4.Information about the photo.
We will be building our application with…
Today we will learn about how to build a PWA and how to convert your existing website into PWA. Before getting into the topic we want to know about progressive web app (PWA).
A progressive web app (PWA) is the set of mobile web application development techniques that entails building apps that feel and look like native ones. Using a web stack (JS, HTML, and CSS), progressive web apps combine rich functionality and a smooth user experience associated with native apps. …
In this article we will learn how to use Styled Cmponents in React. Styled components are “visual primitives components” which gives flexible way to style components. Before getting deep into the topic lets see about styled components which is nothing but a CSS in JS as a tool to bridge the gap between components and styling them to provides the styling function for components in a reusable way.
The styled components includes the following features:
The standard CSS properties and styled components will add the vendor prefixes when needed.
The styled components are independent…
In this tutorial we’ll see how to create a quiz app and how to handle the different state hooks based on the state.
Now open your starter code and go to App.js and make your questions and answers and stored it as an array called questions. Our quiz is about to ready.
Next task is going to get the question from array…
Most of the applications we are using today in our day today life will show live location and data on maps. Example from online stores to food delivery application we are using maps.
Maps are wide used to represent data and we always expect to be more interactive. There are many different libraries and plugins available for maps either paid or open source.
Google maps isn’t the right solution for your map application. It doesn’t provide any customisation option to make it more convenient for yourself. …
In this article we are going to create a real-time chat application using React, GraphQL, AWS CDK and AWS AppSync. This app contains authentication, Database and Frontend.
Let’s get started.
To get started, first you have to install and configure the AWS CLI
npm install -g aws-cdk
After installing the CDK, run the CDK by the following commands.
Today in this article we will see how to build an Airbnb Clone using React and Elastic. As we all familiar already about what is React?. Let’s see about little bit of Elastic Search.
Elastic search is a super fast open source search engine. It is used to store, search and analyze high volume of data fastly.
Using Elastic search we can build a fast searching query DSL. To set up elastic search correctly requires a lot of work. In Elastic search the data mapping should be set correctly. …
Today in this article we will see how to create a map using React, vanilla.js and Leaflet. Before getting into the topic, let’s see about leaflet- it is a powerful tool for building maps. We can create different kinds of maps using this tool. It supports in all web browsers and mobile platforms.
In this project, we are going to represent the locations to the non-medical fire incidents. The Fire Department responded on a map. we are marking only the locations of the fire incidents and display some details about it.
Let’s create a simple example. Now we…
Today in this article we will see how to create a travel list app using React, Gatsby, Leaflet and GraphCMS.
Actually travelling is always fun and we want to travel to many different places but we didn’t have enough time to do. So we have decided to create a bucket list that contains custom mapping app that shows our all destination in the bucket list.
Before getting into the topic, let’s see what are the steps we are going to follow to build this app:
Today in this article we discuss about the realtime face detection and how to apply filters like instagram or snapchat features. In this project we will create some super cool filters like spiderman mask, dog filters etc…
Generally this library provides generic model which is already pre-trained and ready to use the following number the features as well.
Co-Founder and CEO at The Shopful | Full Stack developer | Flutter developer