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