ManishPoduval

<style>
/* Add "Completed" to like buttons */

.view-space--357856 .action-like.action-item {
    background-color: #f06e64;
    padding: 4px 8px;
    border-radius: 5px;
    opacity: 1;
    position: absolute;
    left: 415px;

ManishPoduval

$(document).ready(function(){
    ace.config.set('basePath', '../js/lib/ace');

    var editor = ace.edit("editor");

    editor.$blockScrolling = Infinity;
    editor.setTheme("ace/theme/monokai");
    editor.getSession().setMode("ace/mode/html");
    editor.setOptions({
        enableBasicAutocompletion: true,

ManishPoduval

Box model exercise

Here we provide you some tips to do the exercise:

• You should work with three different divs: card (gray), title (green) and content (blue).
• The title is separated by 10px on the top and right sides, 20px from the left side and 40px from the content. It also has a 2px border.
• The content is separated by 10px on the left and right sides. On the top and the bottom, there is an space of 5px.

ManishPoduval

Create Google App Auth

Note: Entire working code can be found here https://github.com/ManishPoduval/third-party-auth

1. Google Developers Setup

1.1 Get your Google Dev client Id

• Go to the Credentials page.

ManishPoduval

import React from 'react'
import GoogleLogin from 'react-google-login';

function GoogleButton(props) {
    const {onSuccess, onFailure} = props
   
    return (
        <div>
            <GoogleLogin
                clientId="YOUR_CLIENT_ID"

ManishPoduval

const router = require("express").Router();
const UserModel = require('../models/User.model')

// The client makes a API request to this url sending the data in the body
router.post("/google/info", (req, res, next) => {
  const {firstName, lastName, email, image, googleId} = req.body
  // the name itself will include the last name
  try {
    // Create the user in the DB

ManishPoduval

Create Facebook App Auth

Note: Entire working code can be found here https://github.com/ManishPoduval/third-party-auth

1. Facebook Developers Setup

1.1 Create your app on Facebook

To integrate Facebook Login into a website or application you need to create a Facebook App at https://developers.facebook.com/apps/

ManishPoduval

import React from 'react'
import FacebookLogin from 'react-facebook-login';


function FacebookButton(props) {

    const {onFacebookResponse} = props

    return (
        <div>

ManishPoduval

const router = require("express").Router();
const UserModel = require('../models/User.model')

// The client makes a API request to this url sending the data in the body
router.post("/facebook/info", (req, res, next) => {
  const {name, email, image, facebookId} = req.body
  // the name itself will include the last name
  try {
    // Create the user in the DB
    UserModel.create({firstName: name, facebookId, image, email})

ManishPoduval

Create LinkedIn App Auth

Note: Entire working code can be found here https://github.com/ManishPoduval/third-party-auth

1. LinkedIn Developers Setup

1.1 Create your app on LinkedIn

Visit https://www.linkedin.com/developers/apps and create a new app for your project