karannaoh

Submissions

Column Header	Column Value
Name	ABCD
Roll Number	ABCD
Email	ABCD
1. Frontend Challenge 1: HTML file link	ABCD
2. Javascript task1: Repository link	ABCD
3. Javascript task2: Repository link	ABCD

karannaoh

1. Frontend challenge 1

• Create a webpage similar to the template : https://www.linkedin.com/company-beta/13273135/
• Use Frameworks like Bootstrap, Angular Material etc.
• Need not to be exactly the same, images/text can be modified, but should be highly aesthetic.
• Push the code to GitHub
• Host the website on free hosting
• Submit the link to this GitHub repository and the link of hosted website

2. Javascript Challenge

karannaoh

import React, { Component } from 'react';
import './App.css';
import ApolloClient from "apollo-boost";
import {ApolloProvider} from "react-apollo"
import Todos from "./Todos"
import AddTodo from "./components/AddTodo"
import Button from 'react-bootstrap/Button'

const client = new ApolloClient({
  uri: "https://example.herokuapp.com/v1alpha1/graphql",

karannaoh

import React from 'react';
import { Query } from 'react-apollo';
import Del from './components/DeleteTodo'
import { Alert } from 'reactstrap';
import Mark from './components/MarkDone'
import {TODO} from './components/queries'


const Todos = () => {

karannaoh

import React, { Component } from 'react'
import { Mutation } from 'react-apollo';

import {ADD_TODO, TODO} from './queries'

class AddTodo extends Component {
  state = {
    content: ''
  }
  handleChange = (e) => {

karannaoh

import React from 'react';
import { Route, Router } from 'react-router-dom';
import Callback from './Callback';
import Auth from './Auth';
import history from './history';
import Login from './Login'
import App from './App';
import Logout from './Logout'
const auth = new Auth();