- 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
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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(); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React, { Component } from 'react' | |
import { Mutation } from 'react-apollo'; | |
import {ADD_TODO, TODO} from './queries' | |
class AddTodo extends Component { | |
state = { | |
content: '' | |
} | |
handleChange = (e) => { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 = () => { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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", |