199 lines
5.0 KiB
JavaScript
199 lines
5.0 KiB
JavaScript
import React from "react"
|
|
import { useStaticQuery, graphql } from "gatsby"
|
|
|
|
import { makeStyles } from "@material-ui/core/styles"
|
|
import { Typography, Container } from "@material-ui/core"
|
|
import Section, { BG_COLOR } from "@components/Section"
|
|
import Project from "./Project"
|
|
|
|
const useStyles = makeStyles(theme => ({
|
|
section: {
|
|
transform: "skewY(-7deg)",
|
|
padding: "8rem 0",
|
|
margin: "6rem 0",
|
|
"& > *": {
|
|
transform: "skewY(7deg)",
|
|
},
|
|
[theme.breakpoints.down("sm")]: {
|
|
margin: "3rem 0",
|
|
},
|
|
},
|
|
projects: {
|
|
"& > *:not(:last-child)": {
|
|
marginBottom: theme.spacing(2),
|
|
},
|
|
},
|
|
}))
|
|
|
|
export const SECTION_ID = "projects"
|
|
|
|
function Projects() {
|
|
const classes = useStyles()
|
|
const data = useStaticQuery(graphql`
|
|
{
|
|
allCoverImages: allFile(
|
|
filter: { absolutePath: { regex: "/projects/" } }
|
|
) {
|
|
edges {
|
|
node {
|
|
relativePath
|
|
childImageSharp {
|
|
id
|
|
fluid(maxWidth: 1000) {
|
|
...GatsbyImageSharpFluid
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
`)
|
|
return (
|
|
<Section
|
|
id={SECTION_ID}
|
|
className={classes.section}
|
|
bgColor={BG_COLOR.PRIMARY}
|
|
>
|
|
<Container>
|
|
<Typography variant="h2" align="center" gutterBottom>
|
|
Projekty
|
|
</Typography>
|
|
<div className={classes.projects}>
|
|
{projects.map((project, index) => {
|
|
let fluid = undefined
|
|
if (project.fluid) {
|
|
const edge = data.allCoverImages.edges.find(
|
|
img => img.node.relativePath === project.fluid
|
|
)
|
|
if (edge) {
|
|
fluid = edge.node.childImageSharp.fluid
|
|
}
|
|
}
|
|
|
|
return (
|
|
<Project
|
|
key={project.title}
|
|
{...project}
|
|
fluid={fluid}
|
|
reverse={(index + 1) % 2 === 0}
|
|
/>
|
|
)
|
|
})}
|
|
</div>
|
|
</Container>
|
|
</Section>
|
|
)
|
|
}
|
|
|
|
const projects = [
|
|
{
|
|
title: "TWHelp",
|
|
description:
|
|
"Serwis zawierający różne pomoce dla graczy plemion, zaczynając od bota na Discorda i przeróżnych skryptów, kończąc na ogólnodostępnym API z danymi serwerów plemion (informacje o graczach, wioskach, plemionach, zmianach plemion itd.).",
|
|
technologies: [
|
|
"GraphQL",
|
|
"Golang",
|
|
"gqlgen",
|
|
"Gin",
|
|
"discordgo",
|
|
"robfig/cron",
|
|
"Redis",
|
|
"PostgreSQL",
|
|
"TypeScript",
|
|
"React",
|
|
"Gatsby",
|
|
"Material-UI",
|
|
"Create React App",
|
|
"Apollo",
|
|
"Parcel",
|
|
"Docker",
|
|
"Traefik",
|
|
],
|
|
github: "https://github.com/tribalwarshelp",
|
|
fluid: "projects/twhelp.png",
|
|
live: "https://tribalwarshelp.com/",
|
|
},
|
|
{
|
|
title: "Zdam Egzamin Zawodowy",
|
|
description:
|
|
"Aplikacja mobilna oraz webowa przeznaczona do wykonywania testów zawodowych.",
|
|
technologies: [
|
|
"GraphQL",
|
|
"Golang",
|
|
"gqlgen",
|
|
"Echo",
|
|
"PostgreSQL",
|
|
"React",
|
|
"Next.JS",
|
|
"Material-UI",
|
|
"Apollo",
|
|
"React Native",
|
|
],
|
|
github: "",
|
|
fluid: "projects/zdam.png",
|
|
live: "https://zdamegzaminzawodowy.pl/",
|
|
},
|
|
{
|
|
title: "matura-z-informatyki.pl",
|
|
description: "",
|
|
technologies: ["React", "Next.JS", "Bulma", "Ghost"],
|
|
github: "https://github.com/Kichiyaki/matura-z-informatyki.pl",
|
|
live: "https://matura-z-informatyki.pl/",
|
|
fluid: "projects/maturazinf.png",
|
|
},
|
|
{
|
|
title: "dawid-wysokinski.pl",
|
|
description: "",
|
|
technologies: ["React", "Gatsby", "Material-UI"],
|
|
github: "https://github.com/Kichiyaki/dawid-wysokinski.pl",
|
|
live: "https://dawid-wysokinski.pl",
|
|
fluid: "projects/dw.png",
|
|
},
|
|
{
|
|
title: "OLX Crawler",
|
|
description:
|
|
"Program służący do automatycznego przeglądania ogłoszeń na portalu olx.",
|
|
technologies: [
|
|
"Golang",
|
|
"Colly",
|
|
"SQLite3",
|
|
"Echo",
|
|
"React",
|
|
"Material-UI",
|
|
],
|
|
fluid: "projects/olx.png",
|
|
github: "https://github.com/Kichiyaki/olx-crawler",
|
|
},
|
|
{
|
|
title: "Instaling.pl Bot",
|
|
description: "Bot automatycznie wykonujący testy na stronie instaling.pl.",
|
|
technologies: ["Golang", "Lorca"],
|
|
fluid: "projects/instaling.png",
|
|
github: "https://github.com/Kichiyaki/Instaling-Bot",
|
|
},
|
|
{
|
|
title: "Margonem Mini Bot",
|
|
description:
|
|
"Bot służący do zużywania staminy w mobilnej wersji gry margonem, sprzedawania itemów i autoleczenia.",
|
|
technologies: ["Golang", "Colly"],
|
|
fluid: "projects/margonem.png",
|
|
github: "https://github.com/Kichiyaki/margonem-mini-bot",
|
|
},
|
|
{
|
|
title: "Akademia Młodego Inżyniera",
|
|
description: "",
|
|
technologies: ["HTML", "CSS", "Bootstrap"],
|
|
live: "https://dawid-wysokinski.pl/podglad/akademia/",
|
|
fluid: "projects/amz.png",
|
|
},
|
|
{
|
|
title: "Freshline",
|
|
description: "",
|
|
technologies: ["Wordpress", "CSS", "Bootstrap"],
|
|
live: "http://fresh-line.pl/",
|
|
fluid: "projects/freshline.png",
|
|
},
|
|
]
|
|
|
|
export default Projects
|