{"size": 1410, "ext": "js", "max_stars_repo_path": "RgnDunes Portfolio/src/components/Project/Project.js", "max_stars_repo_name": "Mihir008/Web-Ideas", "max_stars_repo_stars_event_min_datetime": "2021-10-08T15:09:14.000Z", "max_stars_repo_stars_event_max_datetime": "2021-12-27T10:38:07.000Z", "max_issues_repo_path": "RgnDunes Portfolio/src/components/Project/Project.js", "max_issues_repo_name": "Mihir008/Web-Ideas", "max_issues_repo_issues_event_min_datetime": "2021-10-07T10:40:24.000Z", "max_issues_repo_issues_event_max_datetime": "2021-10-31T16:47:08.000Z", "max_forks_repo_path": "RgnDunes Portfolio/src/components/Project/Project.js", "max_forks_repo_name": "Mihir008/Web-Ideas", "max_forks_repo_forks_event_min_datetime": "2021-10-08T09:44:09.000Z", "max_forks_repo_forks_event_max_datetime": "2021-12-12T05:54:03.000Z"}
{"max_stars_count": 10, "max_issues_count": 35, "max_forks_count": 29, "avg_line_length": 23.8983050847, "max_line_length": 70, "alphanum_fraction": 0.5163120567}
import React from "react";

import "./Project.css";

const Project = ({
  projectIndex,
  projectName,
  projectImage,
  projectGitUrl,
  projectHostedUrl,
  projectDescription,
  projectSkills,
  projectStartDate,
  projectEndDate,
  projectType,
}) => {
  return (
    <div className="project">
      <div class="project__icon">
        <img src={projectImage} alt="" />
      </div>
      <div className="project__contentBox">
        <br />
        <h3>{projectName}</h3>
        <h6>
          {projectStartDate} - {projectEndDate}
        </h6>
        <h5>
          {"↪"} {projectType} Project {"↩"}
        </h5>
        <br />
        <p>{projectDescription}</p>
        <br />
        <div className="project__skills">
          {projectSkills.length > 0
            ? projectSkills.map((skill) => (
                <div className="project__skill">{skill}</div>
              ))
            : ""}
        </div>
        <div className="project__buttons">
          {projectHostedUrl && (
            <a href={projectHostedUrl} target="_blank">
              <button className="project__button">Live Demo</button>
            </a>
          )}
          {projectGitUrl && (
            <a href={projectGitUrl} target="_blank">
              <button className="project__button">Source Code</button>
            </a>
          )}
        </div>
      </div>
    </div>
  );
};

export default Project;
