2020-07-13 17:04:46 +00:00
import React from "react"
2020-07-14 12:38:07 +00:00
import { useStaticQuery , graphql } from "gatsby"
2020-07-13 17:04:46 +00:00
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"
2020-07-13 20:59:49 +00:00
const useStyles = makeStyles ( theme => ( {
2020-07-13 17:04:46 +00:00
section : {
2020-07-14 10:24:48 +00:00
transform : "skewY(-7deg)" ,
padding : "8rem 0" ,
margin : "6rem 0" ,
2020-07-13 17:04:46 +00:00
"& > *" : {
2020-07-14 10:24:48 +00:00
transform : "skewY(7deg)" ,
} ,
[ theme . breakpoints . down ( "sm" ) ] : {
margin : "3rem 0" ,
2020-07-13 17:04:46 +00:00
} ,
} ,
2020-07-13 20:59:49 +00:00
projects : {
"& > *:not(:last-child)" : {
marginBottom : theme . spacing ( 2 ) ,
} ,
} ,
2020-07-13 17:04:46 +00:00
} ) )
2020-07-14 12:38:07 +00:00
export const SECTION _ID = "projects"
2020-07-13 17:04:46 +00:00
function Projects ( ) {
const classes = useStyles ( )
2020-07-14 12:38:07 +00:00
const data = useStaticQuery ( graphql `
{
allCoverImages : allFile (
filter : { absolutePath : { regex : "/projects/" } }
) {
edges {
node {
relativePath
childImageSharp {
id
fluid ( maxWidth : 1000 ) {
... GatsbyImageSharpFluid
}
}
}
}
}
}
` )
2020-07-13 17:04:46 +00:00
return (
2020-07-14 12:38:07 +00:00
< Section
id = { SECTION _ID }
className = { classes . section }
bgColor = { BG _COLOR . PRIMARY }
>
2020-07-13 17:04:46 +00:00
< Container >
< Typography variant = "h2" align = "center" gutterBottom >
Projekty
< / T y p o g r a p h y >
2020-07-13 20:59:49 +00:00
< div className = { classes . projects } >
{ projects . map ( ( project , index ) => {
2020-07-14 12:38:07 +00:00
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
}
}
2020-07-13 20:59:49 +00:00
return (
< Project
key = { project . title }
{ ... project }
2020-07-14 12:38:07 +00:00
fluid = { fluid }
2020-07-13 20:59:49 +00:00
reverse = { ( index + 1 ) % 2 === 0 }
/ >
)
} ) }
< / d i v >
2020-07-13 17:04:46 +00:00
< / C o n t a i n e r >
< / S e c t i o n >
)
}
2020-07-13 20:59:49 +00:00
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 : [
2021-01-10 19:13:45 +00:00
"GraphQL" ,
2020-07-13 20:59:49 +00:00
"Golang" ,
"gqlgen" ,
"Gin" ,
"discordgo" ,
"robfig/cron" ,
2020-09-04 09:50:00 +00:00
"Redis" ,
2020-07-13 20:59:49 +00:00
"PostgreSQL" ,
2021-01-10 19:13:45 +00:00
"TypeScript" ,
2020-09-04 09:50:00 +00:00
"React" ,
"Gatsby" ,
"Material-UI" ,
2021-01-10 19:13:45 +00:00
"Create React App" ,
"Apollo" ,
"Parcel" ,
2020-07-13 20:59:49 +00:00
"Docker" ,
"Traefik" ,
] ,
2020-09-04 09:50:00 +00:00
github : "https://github.com/tribalwarshelp" ,
2020-07-29 13:59:09 +00:00
fluid : "projects/twhelp.png" ,
2020-07-13 20:59:49 +00:00
live : "https://tribalwarshelp.com/" ,
} ,
{
title : "Zdam Egzamin Zawodowy" ,
description :
"Aplikacja mobilna oraz webowa przeznaczona do wykonywania testów zawodowych." ,
technologies : [
2021-01-10 19:13:45 +00:00
"GraphQL" ,
2020-07-13 20:59:49 +00:00
"Golang" ,
"gqlgen" ,
"Echo" ,
"PostgreSQL" ,
2021-01-10 19:13:45 +00:00
"React" ,
"Next.JS" ,
"Material-UI" ,
"Apollo" ,
2020-07-13 20:59:49 +00:00
"React Native" ,
] ,
github : "" ,
2020-07-14 12:38:07 +00:00
fluid : "projects/zdam.png" ,
2020-07-13 20:59:49 +00:00
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/" ,
2020-07-14 12:38:07 +00:00
fluid : "projects/maturazinf.png" ,
2020-07-13 20:59:49 +00:00
} ,
{
title : "dawid-wysokinski.pl" ,
2021-01-10 19:13:45 +00:00
description : "" ,
2020-07-13 20:59:49 +00:00
technologies : [ "React" , "Gatsby" , "Material-UI" ] ,
github : "https://github.com/Kichiyaki/dawid-wysokinski.pl" ,
live : "https://dawid-wysokinski.pl" ,
2020-07-14 12:38:07 +00:00
fluid : "projects/dw.png" ,
2020-07-13 20:59:49 +00:00
} ,
2020-07-14 12:38:07 +00:00
{
title : "OLX Crawler" ,
description :
"Program służący do automatycznego przeglądania ogłoszeń na portalu olx." ,
technologies : [
"Golang" ,
"Colly" ,
"SQLite3" ,
"Echo" ,
2021-01-10 19:13:45 +00:00
"React" ,
"Material-UI" ,
2020-07-14 12:38:07 +00:00
] ,
2020-07-29 13:59:09 +00:00
fluid : "projects/olx.png" ,
2020-07-14 12:38:07 +00:00
github : "https://github.com/Kichiyaki/olx-crawler" ,
2020-07-13 20:59:49 +00:00
} ,
{
title : "Instaling.pl Bot" ,
2021-01-10 19:13:45 +00:00
description : "Bot automatycznie wykonujący testy na stronie instaling.pl." ,
2020-07-13 20:59:49 +00:00
technologies : [ "Golang" , "Lorca" ] ,
2020-07-29 13:59:09 +00:00
fluid : "projects/instaling.png" ,
2020-07-13 20:59:49 +00:00
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" ] ,
2020-07-29 13:59:09 +00:00
fluid : "projects/margonem.png" ,
2020-07-13 20:59:49 +00:00
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/" ,
2020-07-14 12:38:07 +00:00
fluid : "projects/amz.png" ,
2020-07-13 20:59:49 +00:00
} ,
{
title : "Freshline" ,
description : "" ,
technologies : [ "Wordpress" , "CSS" , "Bootstrap" ] ,
live : "http://fresh-line.pl/" ,
2020-07-14 12:38:07 +00:00
fluid : "projects/freshline.png" ,
2020-07-13 20:59:49 +00:00
} ,
]
2020-07-13 17:04:46 +00:00
export default Projects