First create a new project by running —

npx react-native init chcuckNorisAPI

cd into chcuckNorisAPI and run

npm i axios

In the App.js delete everything and paste

import React, { useEffect, useState } from 'react';import {Text, TouchableOpacity,Image,StyleSheet,View,StatusBar} from 'react-native';import Axios from 'axios'const App=()=>{const [details,setDetails] = useState(null)const url = 'https://api.chucknorris.io/jokes/random'const fetchData = async()=>{const {data} =await Axios.get(url)console.log(data);setDetails(data)}const handleClick=()=>{fetchData()}useEffect(()=>{fetchData()},[])return(<><View style={styles.conatiner}><Imagestyle={{width:150,height:150}}source= {{uri:details?.icon_url}}/><Text style={styles.text}>{details?.value}</Text><TouchableOpacity onPress={handleClick}><Text style={styles.button}>Load new Button</Text></TouchableOpacity></View></>)}export default

First of all run ->

npx react-native init myToDoapp

To use storage we will be using https://react-native-async-storage.github.io/async-storage/docs/install/ this module.

npm install @react-native-community/async-storage

Run ->

npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-viewnpm install @react-navigation/native @react-navigation/stack

To use react navigation

visit https://reactnavigation.org/docs/getting-started/ for more info.

Now install native base .

npm install native-base 

Install shortid

npm install shortid

Check your package.json for these dependencies

package.json

Create a new folder Screens and create new files “ToDoHome.js” and “Add.js”.


Random experiment : Accessing Camera in React Native

Create a new react native project by running the command

npx react-native init myCameraApp

Open the App.js folder and delete everything.

Primary idea->

Our app will have two components one PendingView(this is displayed when the camera is not ready) and The App Component .

First thing first create PendingView.js file and add

import React from 'react'import { View,StyleSheet,Text } from 'react-native'const PendingView=()=>{return(<><View style={styles.container}><Text style={{fontSize:30,color:"red"}}>Loading ...</Text></View></>)}export default PendingView;const styles = StyleSheet.create({container : {flex:1,justifyContent:'center',alignItems:'center'},})


In this blog we will discuss about elementary path finding algorithms .

In the next blog related to path finding we will discuss about A* algorithm.

Dijkstra Algorithm — — — — — — — — — — — — — — — — — — — — -

This is a single source shortest path algorithm .

Python implementation — -

We will make a list that keeps track of visited vertex.

We will have a list with initial distance infinite for all the entries.

The distance of the source is 0 , so that one is chosen first.


Hello everyone I am starting a new android with Java series.

We will learn by building apps .

Let’s learn together. I will try to publish atleast one story every week so stay tuned.

What we will be building today?

Let’s kick start our journey with “Quotes app”.

I would recommend you to learn a bit about android layout .

Now let’s get started.

activity_main.xml


Today we will see how to create a meme app in django.

It’s a pretty basic build and a good companion of weather app using weather Api.

We will use “https://meme-api.herokuapp.com/gimme” this end point.

django-admin startproject MEME
cd MEME
python manage.py startapp mymeme

Create a templates folder inside the project.

Project structure


First let’s have the api_key .

Click here to go to the website of weather api. Create an account and get the api key .

Weather api provides different services but for out project we will be using ->

Now Assuming you have the api key ….

Create a project

django-admin startproject WeatherApp


Platform → Python 3.8.3 , numpy

Circular convolution, also known as cyclic convolution, is a special case of periodic convolution, which is the convolution of two periodic functions that have the same period. Periodic convolution arises, for example, in the context of the discrete-time Fourier transform . — Wikipedia

The algorithm we will be using here ->

# 1 ) input x(n) and h(n)# 2 ) For circular convolution we need N*N matrix so initializing empty matrix with np.zeros((shape))# 3 )Copying the x(n) into the first row of the matrix# 4 ) Run a for loop from…


We will be using matplotlib for visualization purposes .

Basics of matplotlib

…………………………………………………………………………………

plot() — Plots continuous waveform provided x,y values . Some optional arguments are color,linestyle,linewidth etc.

stem() — Plots continuous waveform provided x,y values .

legend() used to specify legends of the plot

xlabel() , ylabel() for specifying x and y axis name.

title() — used to specify plot name

grid() — Given True as parameter turns on the grid

show() — shows the plot

…………………………………………………………………………………

Delta function

from matplotlib import pyplot as pltplt.style.use('ggplot')xval = [x for x in range(-100,100)]yval=[]for t in range(-100,100):
if…


without wasting any time let’s start .

Open android studio and create a project .

Select empty activity and select name and all.

Select Java as programming language.

So the plan is to build splash screen , Profile for user , Login and Signup screens.

We will use Firebase for backend .

Let’s start with the splash screen .

xml of splash….

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/custom"
tools:context=".MainActivity">

<ImageView…

Nilay Paul

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