rajatk16

columns: {
  'column-1': {
    id: 'column-1',
    title: "Heroes",
    heroId: []    
  },
  'column-2': {
    id: 'column-2',
    title: 'Alive',
    heroId: [],

rajatk16

  <div class="container container-fluid">
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
      <a class="navbar-brand" href="#">A Simple Login Page with JWT Authentication</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
    </nav>
  </div>

rajatk16

<div class="collapse navbar-collapse" id="navbarSupportedContent">
  <ul class="navbar-nav mr-auto">
    <li class="nav-item active" data-route="#">
      <a class="nav-link" href="#">Home</a>
    </li>
    <li class="nav-item active" data-route="#">
      <a class="nav-link" href="#">Messages</a>
    </li>
    <li class="nav-item active" data-route="#">
      <a class="nav-link" href="#">Notifications</a>

rajatk16

<span id="mainPage">
  <div class="row">
    <div class="col-1"></div>
    <div class="col-10 text-center">
      <h1>Welcome!</h1>
    </div>
    <div class="col-1"></div>
  </div>
</span>

rajatk16

import React, {Component} from 'react';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import Head from 'next/head';
import {
  PRIMARY_COLOR,
  PRIMARY_COLOR_TWO,
  PRIMARY_COLOR_THREE,
  ACCENT_COLOR_ONE,
  ACCENT_COLOR_TWO,

rajatk16

export default [
  {
    "id": 1,
    "title": "Captain America: The First Avenger",
    "year": 2011,
    "rating": 6.9,
    "details": "Steve Rogers, a rejected military soldier transforms into Captain America after taking a dose of a Super-Soldier serum. But being Captain America comes at a price as he attempts to take down a war monger and a terrorist organization.",
    "director": "Joe Johnston",
    "starring": "Chris Evans, Hugo Weaving, Samuel L. Jackson, Hayley Atwell",
    "gross": "$176.65M",

rajatk16

<template>
  <div>
    <button class="button logout" v-on:click="logout">Logout</button>
    <article class="covers" v-for="(comic, idx) in comics" :key="idx">
      <div>
        <img style="margin: 10px" :src="comic.image" height="291px" width="192px">
        <p >{{ comic.name }}</p>
        <hr>
        <button class="button" @click="deleteComic(comic.id)">
          Delete

rajatk16

<script>
import firebase from 'firebase'
import { db } from '../main'

export default {
  name: 'Comics',
  data () {
    return {
      comics: [],
      name: '',

rajatk16

<template>
  <div class="login">
    <img src="../assets/dc_logo.jpg" width="300px">
    <h3>DC Comics Rebirth - Covers</h3>
    <input 
      type="text" 
      v-model="email" 
      placeholder="Email address" 
      class="input" 
      required>

rajatk16

<script>
  import firebase from 'firebase'

  export default {
    name: 'login',
    data: function() {
      return {
        email: '',
        password: ''
      }