Hosting a website in Firebase in 2 mins


We can host a website to Firebase in 2 mins

Prerequisite

Node should be installed. If node is not installed in your system you can download node from this download link










You can check whether node is installed or not by checking it’s version using the following command :







 `node -v`







Once node is installed we can host a website to firebase







Step 1: Go to your firebase console and create a new project















Step 2: Once you create a new project in firebase open your terminal







Step 3: Once the terminal is opened install firebase tools in your system by the following command






npm install -g firebase-tools








Step 4: Login to your firebase account using the following command






    firebase login








Step 5: Go to your project folder which is to be hosted and open the terminal and give the following command






    firebase init








Step 6: Select hosting in the firebase option by pressing spacebar







Step 7: Enter the name of the folder which you want to be hosted in firebase







Step 8: once folder name is entered enter no for single page access and overwriting your index.html file of your website







Step 9: Once done firebase will create the following files in your project folder






  404.html
       firebase.json
       .firebaserc








Step 10: Once these files are created deploy your code to your firebase account using the following command:






      firebase deploy








Once done your project will be deployed to firebase hosting and an hosting url will be available.











































Location:
Coimbatore, Tamil Nadu, India
















Comments











Post a Comment























Popular posts from this blog









Google play Impersonation and Intellectual Property




















Image







  When developers copy someone else’s work or deceive users, it hurts users and the developer community.     Impersonation:     When we use another app or entity’s brand, title, logo, or name in a manner that may result in misleading users. Google will not allow to publish the app. In that case we should change the logo, or name or title.Even google would show the app link which we have the conflict     Here are some examples of common violations:     1.Developers that falsely suggest an affiliation with another entity:           2.App titles and icons that are so similar to those of existing products or services that users may be misled:     3.Apps that falsely claim to be the official app of an established entity. Titles like “Justin Bieber Official” are not allowed without the necessary permissions or rights.     4.Apps that violate the  Android Brand Guidelines.     Intellectual Property:   Google won’t allow apps or developer accounts that infringe on the intellectual property...








Read more










Creating Gauge chart in React Native




















Image







         Basic components needed for a gauge chart are   Dial  Needle  Progress    We create the dial using the following piece         renderDial = opts => {      return (         <Circle            cx={opts.cX}           cy={opts.cY}           r={opts.radius}           fill="none"           stroke={opts.dialColor}           strokeWidth={opts.dialWidth}       />    ); };    And for the needle we will create it using  Line  in Svg     Time to bind everything    <Svg     className={opts.className}     height={size}     width={size}     viewBox={`0 0 ${size} ${size}`}   >     <Defs>{this.defineTick(opts)}</Defs>     <G transform={`rotate(-90 ${cX} ${cY})`}>       {this.renderDial(opts)}       {this.renderTicks(opts)}       {this.renderProgress(opts)}       {this.renderNeedle(opts)}       {this.renderText(opts)}     </G>   </Svg>     Click here to view the codes from  repo     Implementation of Gauge     <Gauge size={200} curre...








Read more










React Native Splash Screen





















           In this tutorial we will learn how to create a splash screen in react native for android       We will use the following plugin for the react native splash screen       React Native Splash Screen   Installation  Getting  Started  Usage  API      1. Installation     First step(Download)         Run   npm i react-native-splash-screen --save     Second step(Plugin Installation)   Automatic installation   react-native link react-native-splash-screen  or  rnpm link react-native-splash-screen   Manual installation    In  your  android/settings.gradle  file,  make the following additions:    include  ':react-native-splash-screen'      project( ':react-native-splash-screen' ) . projectDir  =   new   File (rootProject . projectDir,  '../node_modules/react-native-splash-screen/android' )      In  your android/app/build.gradle file, add  the  :react-native-splash-screen  project  as a compile-time depen...








Read more