{"size": 1192, "ext": "js", "max_stars_repo_path": "portfolio/src/components/ProCards/FE2.js", "max_stars_repo_name": "carlsachs/ReactPortfolio", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "portfolio/src/components/ProCards/FE2.js", "max_issues_repo_name": "carlsachs/ReactPortfolio", "max_issues_repo_issues_event_min_datetime": "2020-07-08T21:56:26.000Z", "max_issues_repo_issues_event_max_datetime": "2020-07-10T01:26:00.000Z", "max_forks_repo_path": "portfolio/src/components/ProCards/FE2.js", "max_forks_repo_name": "carlsachs/ReactPortfolio", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 4, "max_forks_count": null, "avg_line_length": 34.0571428571, "max_line_length": 233, "alphanum_fraction": 0.5461409396}
import React from "react";

//import other resources
import { Link } from "react-router-dom";

//import css
import "./FE1.css";

import Read from "./readrr.png";

const FE2 = () => {

    return (
        <div className="cardWrap">
            <div className="card-title">
                <h2>Readrr</h2>
                <p>My "thesis" at Lambda.<br></br>A Goodreads alternative</p>
            </div>
            <div className="card-role">
                <h2>My Role:</h2>
                <h2>Front-End Developer</h2>
            </div>
            <div className="image">
                <img src={Read} alt="image of readrr dashboard" />
            </div>
            <div className="live">
                <Link target="_blank"style={{textDecoration: "none", color: "#003a8c", border: "1px solid #003a8c", padding: "10px", borderRadius: "10px"}} to="https://readrr.app/">Live Demo</Link>
                <Link target="_blank" style={{textDecoration: "none", color: "#003a8c", border: "1px solid #003a8c", padding: "10px", borderRadius: "10px"}} to="https://github.com/Lambda-School-Labs/betterreads-fe">Github Repo</Link>

            </div>
        </div>
    )
}

export default FE2;