Full Stack Firebase Web Blog App using NodeJs & Firebase - Dynamic Web App & Website Project - Complete Firebase for Web
A dynamic web app has been created, this is a Blog App using Firebase & Node.Js This blog project includes Firebase Web Authentication , Firebase Web Real Time Database , Firebase Web Storage and Firebase Web user Authentication using Firebase Authentication , Firebase Database , Firebase Forget Password and Firebase Reset Password.
Develod Dynamic Web Blog App using Firebase & NodeJs Firebase Web Authentication, Firebase Web Realtime Database Firebase Web Query Data from Firebase Database Firebase Web Storage Firebase user Authentication Firebase Signin user and Firebase Signup user using Firebase Authentication Firebase Forget Password and Firebase Reset Password.
Create a firebase account Create a new web project <> on firebase and followo the instructions from the following website https://console.firebase.google.com/u/0/
-
Firebase Web Authentication select Sign-in method and enable status of Email/Password option
-
Firebase Database Go to rules and change the rules from false to true for testing purposes
{ "rules": { ".read": true, ".write": true } }
Install Node JS and follow the instructions
https://nodejs.org/en/download/
-
Create a new folder where you want to save your project
-
open a terminal on yout mac or Command Prompt program on windowns
-
navigate to your directory folder project run the following commands to see if node was installed properly
node --version npm --version
Download your favourite code editor, in this case I use visual code. https://code.visualstudio.com/download
On your terminal on mac or Command Prompt program navigate to your directory folder project run the following command to create an APP.
Tyope the command below:
npm init
After answering all questions from a new file called {}package.json will be created. The file normally contains information of the APP. See example below.
{ "name": "blog_app", "version": "1.0.0", "description": "", "main": "/jsindex.js", "scripts": { "test": "echo "Error: no test specified" && exit 1" }, "repository": { "type": "git", "url": "git+https://github.com/jaimehernan95/qcprojectv1.git" }, "keywords": [ "node" ], "author": "Jaime Hernan", "license": "ISC", "bugs": { "url": "https://github.com/jaimehernan95/qcprojectv1/issues" }, "homepage": "https://github.com/jaimehernan95/qcprojectv1#readme", "dependencies": { "http-server": "^0.12.1" } }
Create a new file called index.js
Inside the file type the code below and save it
console.log ( "hello ");
Create a new Html page and save it.
we need http-server to run all components that are needed to run the application in the local servert. Type the following command to install it
npm install http-server -g
go to your project directory and run the following command
http-server
the response should be
Starting up http-server, serving ./ Available on: http://127.0.0.1:8080
Copy and paste the address above on a browser to see the results.
The entire projects is available in the link below it is CRUD project.
https://github.com/jaimehernan95/qcprojectv1/
source: https://www.npmjs.com/package/minimist
install With npm do: npm install minimist --------- Bug Fixed line ends here ----------