NodeJS React MongoDB How to deploy MERN stack to Heroku

File handling HTTP request

First step to react. What is react? , NPM, Package.json , JSX, create a new react app, function components, redux, React Basic Guide React Functional Component React Inline Style React Router Redux Form Input HTTP Requests What is React? React is javascript library created by facebook for user Interfaces(UI). With react we can…

What is API ? Application Programming Interface (API) is an application interface that allows two applications to communicate each other. Creating API is creating routes(endpoint and parameter) and response back some data. Means that other application can use our service with requesting API. RESTFul (Representational state transfer) is style or rules of creating APIs. Example of API and HTTP request, response

Preparing in Google Cloud Console, For some api, we need to create api key to use their products and pass api key every time we request to their api. In the same way to use google api, we need to create some secret key. …

Environment Variables are variables that stored outside of the program. Mostly used for security. In our program, secret key, database url and api key are the values that we don’t want to show public. Environment Variables are variables in our environment. Different Environment have different variables. Means that other users…

Authentication is a basic security for website. Difference between Authentication and Authorization is, Authentication is how user can pass to our website. For example, if user want to use our website, user need to register or login to our website. Authorization is permission for different type of user. …

Flask SQLAlchemy SQLAlchemy is Python SQL Toolkit and lets us fully usage to SQL databases. Flask SQLAlchemy is to connect flask app with SQL database. Quickstart Connect SQL database Create database Create table CRUD Database Relationship Quickstart

WTForms protect Cross-Site Request Forgery Attack by creating random token in every time the browser refresh. And it also supports input validation. It is easy to create form, validation and show error messages. Quickstart Create Form CSRF Token Check Token Fields Validators Error Messages Quickstart There is 5 steps to use…