Menu Close

MERN Stack Web Course Material

HTML/CSS/Js/Jquery

FB Group: https://www.facebook.com/groups/2227703563960718/

Dropbox link

JQuery

Jquery Consume API with fetch

Github page for FA18 Web classes Code

complete-example

We Would be building A movie Rental App, Complete Code can be downloaded from here 

Node

0- JS OOP
1- Node
2- NPM
3- RestFul API Using Express
4- Sync ASync JS
5- CRUD With Mongo and Mongoose
6- Mongoose Relationships
7- Authentication and Authorization
8- Handling Errors
9- Deployment

React

1- Intro
2- Components
3- Pagination Filtering and Sorting
4- Routing,  Quick Start
5- Forms
6- Calling Backend Services
7- Authentication and Authorizations
8- Deployment

A nice little tutorial to deploy REACT/NODE on Heroku together

Heroku Deployment Sequece

only once

heroku login

git init

then

git add -A ; git commit -m ‘Adjustments’ ; git push heroku master ; heroku logs –tail

Sample API to work with

Base URL: https://usman-vidly.herokuapp.com/api/

Method URL Description
POST /users {
"email":"[email protected]",
"password":"usman",
"name":"Usman Akram"
}
POST /auth {
“email”:”[email protected]”,
“password”:”usman”
}
GET /users/me set x-auth-token generated from login

eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfaWQiOiI1Y2FkYzMyZmJiZWZhNDAwMTZhZmYxZTIiLCJpc0FkbWluIjp0cnVlLCJpYXQiOjE1NTQ4OTMwMTV9.Gyf-aXG1Yb6w2u-l_KsZopRXStxSr-YgvqAYMfrozNs

GET /movies get all movies
GET /generes get all generes
POST /geners {
“name”:”Pakistani Drama”
}also set x-auth-token
PUT genres/5cadcc4dbbefa40016aff1ea Modify genre by ID set name
GET genres/5cadcc4dbbefa40016aff1ea get One Genre
DELETE genres/5cadcc4dbbefa40016aff1ea Delete One Genre

 

Leave a Reply

Your email address will not be published. Required fields are marked *