feat: added all the projects

This commit is contained in:
2022-05-25 17:58:31 +01:00
parent 4bef46d05d
commit ca3d3a5088
2 changed files with 21 additions and 9 deletions

View File

@ -4,10 +4,10 @@ import PropTypes from "prop-types";
const ProjectCard = ({ title, liveUrl, gitUrl, children }) => { const ProjectCard = ({ title, liveUrl, gitUrl, children }) => {
const getLiveUrl = () => { const getLiveUrl = () => {
if (liveUrl.length == 0) { if (liveUrl.length == 1) {
return ( return (
<div className="w-full flex justify-center items-center h-12 rounded bg-aurora-green text-polar-night-200 transition-all text-xl"> <div className="w-full flex justify-center items-center h-12 rounded bg-aurora-orange text-polar-night-200 transition-all text-xl">
Live No Live :(
</div> </div>
); );
} }

View File

@ -49,13 +49,25 @@ const Projects = () => {
</p> </p>
</ProjectCard> </ProjectCard>
<ProjectCard <ProjectCard
title="Hello World" title="Disser"
description="Hello World again lol" gitUrl="https://github.com/JohnCosta27/Disser-RoyalHackaway2022"
/> >
<p className="text-xl text-snow-storm-100">
Royal Hackathon Project 2022. A real time social media which
allows users to communicate with each other in real time. It also
involves GPT-3 bots which communicate with each other and the
users.
</p>
</ProjectCard>
<ProjectCard <ProjectCard
title="Hello World" title="Snake"
description="Hello World again lol" gitUrl="https://github.com/JohnCosta27/Snake"
/> liveUrl="https://johncosta27.github.io/Snake/"
>
<p className="text-xl text-snow-storm-100">
My first big project. A classic snake game that adapts to the screen size you are on.
</p>
</ProjectCard>
</div> </div>
</div> </div>
</div> </div>