Git Product home page Git Product logo

firebase-web-blog-app-nodejs's Introduction

About this project


Full Stack Firebase Web Blog App using NodeJs & Firebase - Dynamic Web App & Website Project - Complete Firebase for Web

Description


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.

What I have learn while developing this blog app


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.

How to start?

Firebase


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/

Create a new APP

  • 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 } }

Node JS


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

Visual Code Editor


Download your favourite code editor, in this case I use visual code. https://code.visualstudio.com/download

Create the application

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" } }

INDEX.JS

Create a new file called index.js

Inside the file type the code below and save it

console.log ( "hello ");

INDEX.HTML

Create a new Html page and save it.

HTTP-SERVER

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

Testing

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/

@ 2020 - april 05. minimist bug fixed

source: https://www.npmjs.com/package/minimist

install With npm do: npm install minimist --------- Bug Fixed line ends here ----------

firebase-web-blog-app-nodejs's People

Contributors

jaimehernan95 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.