diff --git a/index.html b/index.html index 81d61e1..5474478 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,7 @@ Karol Stawowski | Portfolio diff --git a/public/assets/keras.svg b/public/assets/keras.svg new file mode 100644 index 0000000..0afcfa1 --- /dev/null +++ b/public/assets/keras.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/assets/playwright.svg b/public/assets/playwright.svg new file mode 100644 index 0000000..03ee7d9 --- /dev/null +++ b/public/assets/playwright.svg @@ -0,0 +1,13 @@ + + + Playwright + + + + + + + + + + \ No newline at end of file diff --git a/public/assets/styled-components.svg b/public/assets/styled-components.svg new file mode 100644 index 0000000..9f03b96 --- /dev/null +++ b/public/assets/styled-components.svg @@ -0,0 +1 @@ +💅 diff --git a/src/components/Experience.tsx b/src/components/Experience.tsx index bae1507..94bc866 100644 --- a/src/components/Experience.tsx +++ b/src/components/Experience.tsx @@ -1,51 +1,8 @@ -import { - ExperienceListElement, - ExperienceListElementProps, -} from './Experience/ExperienceListElement' +import { educationList } from '../constants/education' +import { experienceList } from '../constants/experience' +import { ExperienceListElement } from './Experience/ExperienceListElement' import { SectionTitle } from './SectionTitle' -const experienceList: Array = [ - { - id: 1, - position: 'Full Stack Developer', - company: 'Night Woods', - since: new Date(2023, 3), - }, - { - id: 2, - position: 'Frontend Developer', - company: 'Night Woods', - since: new Date(2022, 2), - to: new Date(2022, 9), - }, - { - id: 3, - position: 'Intern Junior Frontend Developer', - company: 'Tom&Co', - since: new Date(2021, 7), - to: new Date(2021, 8), - }, -] - -const educationList: Array = [ - { - id: 5, - position: 'University of Economics in Katowice', - company: 'Master of Computer Science', - more: 'Programming of Intelligent Systems specialisation', - since: new Date(2023, 9), - to: new Date(2025, 6), - }, - { - id: 4, - position: 'University of Economics in Katowice', - company: 'Bachelor of Computer Science', - more: 'Databases and Data Engineering specialisation', - since: new Date(2020, 9), - to: new Date(2023, 6), - }, -] - export const Experience = (): JSX.Element => { return (
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 1c036b5..3d33427 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -1,7 +1,7 @@ export const Footer = (): JSX.Element => { return (
-

Copyright © 2023 Karol Stawowski

+

Copyright © 2024 Karol Stawowski

) } diff --git a/src/components/Projects.tsx b/src/components/Projects.tsx index 83dfb85..9a031a7 100644 --- a/src/components/Projects.tsx +++ b/src/components/Projects.tsx @@ -1,4 +1,4 @@ -import { openSourceProjectsList, projectsList } from '../utils/projectsList' +import { openSourceProjectsList, projectsList } from '../constants/projects' import { OpenSourceProjectCard } from './Projects/OpenSourceProjectCard' import { ProjectCard } from './Projects/ProjectCard' import { SectionTitle } from './SectionTitle' diff --git a/src/components/Projects/OpenSourceProjectCard.tsx b/src/components/Projects/OpenSourceProjectCard.tsx index b9c79c5..5313e01 100644 --- a/src/components/Projects/OpenSourceProjectCard.tsx +++ b/src/components/Projects/OpenSourceProjectCard.tsx @@ -1,5 +1,5 @@ import { StarFilled } from '../../icons/StarFilled' -import { OpenSourceProjectEntry } from '../../utils/projectsList' +import { OpenSourceProjectEntry } from '../../constants/projects' import { RepositoryButton } from './RepositoryButton' type OpenSourceProjectCardProps = { diff --git a/src/components/Projects/ProjectCard.tsx b/src/components/Projects/ProjectCard.tsx index c04ea8a..94f8e7e 100644 --- a/src/components/Projects/ProjectCard.tsx +++ b/src/components/Projects/ProjectCard.tsx @@ -1,4 +1,4 @@ -import { Technology } from '../../utils/technologiesList' +import { Technology } from '../../constants/technologies' import { LivePreviewButton } from './LivePreviewButton' import { RepositoryButton } from './RepositoryButton' import { TechIcon } from './TechIcon' diff --git a/src/components/Technologies.tsx b/src/components/Technologies.tsx index 82f5d5b..13c7d55 100644 --- a/src/components/Technologies.tsx +++ b/src/components/Technologies.tsx @@ -1,7 +1,7 @@ import { familiarTechnologies, proficientTechnologies, -} from '../utils/technologiesList' +} from '../constants/technologies' import { SectionTitle } from './SectionTitle' import { TechButton } from './Technologies/TechButton' diff --git a/src/constants/education.ts b/src/constants/education.ts new file mode 100644 index 0000000..11bd742 --- /dev/null +++ b/src/constants/education.ts @@ -0,0 +1,20 @@ +import { ExperienceListElementProps } from '../components/Experience/ExperienceListElement' + +export const educationList: Array = [ + { + id: 5, + position: 'University of Economics in Katowice', + company: 'Master of Computer Science', + more: 'Programming of Intelligent Systems specialisation', + since: new Date(2023, 9), + to: new Date(2025, 6), + }, + { + id: 4, + position: 'University of Economics in Katowice', + company: 'Bachelor of Computer Science', + more: 'Databases and Data Engineering specialisation', + since: new Date(2020, 9), + to: new Date(2023, 6), + }, +] diff --git a/src/constants/experience.ts b/src/constants/experience.ts new file mode 100644 index 0000000..8ad38b6 --- /dev/null +++ b/src/constants/experience.ts @@ -0,0 +1,31 @@ +import { ExperienceListElementProps } from '../components/Experience/ExperienceListElement' + +export const experienceList: Array = [ + { + id: 1, + position: 'Frontend developer', + company: 'INELO Poland', + since: new Date(2024, 1), + }, + { + id: 2, + position: 'Full Stack Developer', + company: 'Night Woods', + since: new Date(2023, 3), + to: new Date(2024, 0), + }, + { + id: 3, + position: 'Frontend Developer', + company: 'Night Woods', + since: new Date(2022, 2), + to: new Date(2022, 9), + }, + { + id: 4, + position: 'Intern Junior Frontend Developer', + company: 'Tom&Co', + since: new Date(2021, 7), + to: new Date(2021, 8), + }, +] diff --git a/src/utils/projectsList.ts b/src/constants/projects.ts similarity index 92% rename from src/utils/projectsList.ts rename to src/constants/projects.ts index effbc7a..ce2598a 100644 --- a/src/utils/projectsList.ts +++ b/src/constants/projects.ts @@ -1,4 +1,4 @@ -import { iconsList, Technology } from './technologiesList' +import { iconsList, Technology } from './technologies' type ProjectEntry = { name: string @@ -98,34 +98,40 @@ export const projectsList: ProjectEntry[] = [ ] export const openSourceProjectsList: OpenSourceProjectEntry[] = [ + { + name: 'storybook', + author: 'storybookjs', + repositoryUrl: 'https://github.com/storybookjs/storybook/pull/25931', + stars: 82500, + }, { name: 'grafana', author: 'grafana', repositoryUrl: 'https://github.com/grafana/grafana/pull/72175', - stars: 58400, + stars: 60000, }, { name: 'tldraw', author: 'tldraw', repositoryUrl: 'https://github.com/tldraw/tldraw/pull/1143', - stars: 28800, + stars: 32100, }, { name: 'vitest', author: 'vitest-dev', repositoryUrl: 'https://github.com/vitest-dev/vitest/pull/2948', - stars: 10800, + stars: 11600, }, { - name: 'nDreamBeard', + name: 'DreamBerd', author: 'TodePond', repositoryUrl: 'https://github.com/TodePond/nDreamBerd/pull/48', - stars: 8700, + stars: 9600, }, { name: 'particle-life-app', author: 'tom-mohr', repositoryUrl: 'https://github.com/tom-mohr/particle-life-app/pull/16', - stars: 590, + stars: 685, }, ] diff --git a/src/utils/technologiesList.ts b/src/constants/technologies.ts similarity index 91% rename from src/utils/technologiesList.ts rename to src/constants/technologies.ts index 633f445..9344ec8 100644 --- a/src/utils/technologiesList.ts +++ b/src/constants/technologies.ts @@ -13,6 +13,8 @@ export const proficientTechnologies: Array = [ { name: 'Prisma', imageName: 'prisma' }, { name: 'MaterialUI', imageName: 'materialui' }, { name: 'Remix', imageName: 'remix' }, + { name: 'React Router', imageName: 'react-router' }, + { name: 'Playwright', imageName: 'playwright' }, { name: 'RTL', imageName: 'rtl' }, { name: 'Jest', imageName: 'jest' }, { name: 'Vitest', imageName: 'vitest' }, @@ -31,17 +33,18 @@ export const proficientTechnologies: Array = [ export const familiarTechnologies: Array = [ { name: 'Node.js', imageName: 'nodejs' }, { name: 'Express.js', imageName: 'expressjs' }, - { name: 'React Router', imageName: 'react-router' }, { name: 'tRPC', imageName: 'trpc' }, { name: 'Next.js', imageName: 'nextjs' }, { name: 'Docker', imageName: 'docker' }, { name: 'Vite', imageName: 'vite' }, { name: 'i18next', imageName: 'i18next' }, + { name: 'styled-comp', imageName: 'styled-components' }, { name: 'SASS', imageName: 'sass' }, { name: 'Figma', imageName: 'figma' }, { name: 'Python', imageName: 'python' }, { name: 'PHP', imageName: 'php' }, { name: 'Tensorflow', imageName: 'tensorflow' }, + { name: 'Keras', imageName: 'keras' }, ] export const iconsList: Array =