Prerequisites

  • React Native
  • Expo/Expo Cli
  • Async and Promises
  • Node
  • Typescript
  • vtecx

Section

  • Creating a native app using expo
  • Sharing codes from web app to native app

Create a simple web app using vtecx

npm install create-vtecx-app [your-web-app] eg: web-app (Fig 1)
cd [your-web-app]
npm install
npm run login…

Prerequisites [Understanding]

  • Webpack

Github Link: https://github.com/mp5maker/progresssive-web-app/tree/vtecx-pwa-app

Content

  • Initial Steps
  • First Step [Setting up the files]
  • Second Step [Preparing for the development]
  • Third Step [Preparing for the production]

Initial Steps

  • Create an account in vte.cx [sign up]
  • Add an api [service]
  • Create an app usings commands below
npx create-vtecx-app [your-app-name]
cd [your-app-name]
npm…


Prerequisites [If you want build the PWA from scratch] (optional)

Github Link: https://github.com/mp5maker/progresssive-web-app/tree/add-to-your-home-screen

Added a simple button using a bootstrap classes.

<button class="alert alert-success banner">
<strong>Install PWA App</strong>
</button>
<script src="add-to-your-home-screen.js"></script>
.banner {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 2;
display: none;
}
.banner.active {
display: block;
}…


Prerequisites

GitHub Link: https://github.com/mp5maker/progresssive-web-app

What should you expect ?

  • We will be going through an example using http://localhost:4000/

Why should we use Progressive web app at all ?

  • To give an native app experience for tablets and mobile
  • Add…

Shabuktagin Photon Khan

I have passion for UI/UX, animations and love to create websites to run across multiple devices with dynamic user experiences

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