From c64dd8b5f3dfaa266f76627b02174869fc3f6a59 Mon Sep 17 00:00:00 2001 From: Julia Demianetc Date: Fri, 28 Nov 2025 16:49:11 +0100 Subject: [PATCH 01/10] components, global styling, styled components added --- package.json | 3 +- public/icons/Btn - github.svg | 3 + public/icons/Btn - instagram.svg | 3 + public/icons/Btn - linkedin.svg | 3 + public/icons/Ic-ArrowDown.svg | 3 + public/icons/Ic-Github.svg | 3 + public/icons/Ic-Web.svg | 3 + src/App.jsx | 15 ++- src/Assets/avatar.JPG | Bin 0 -> 197006 bytes src/Assets/codepicture.jpg | Bin 0 -> 6964202 bytes src/Assets/footer_av.png | Bin 0 -> 588944 bytes src/Assets/project1.jpg | Bin 0 -> 308434 bytes src/Assets/wordspicture.jpg | Bin 0 -> 2683285 bytes src/components/Buttons/ButtonFilled.jsx | 37 ++++++++ src/components/Buttons/ButtonGhost.jsx | 29 ++++++ src/components/Buttons/ButtonText.jsx | 8 ++ src/components/FooterAvatar.jsx | 7 ++ src/components/HeroCarousel.jsx | 102 +++++++++++++++++++++ src/components/IconWithLink.jsx | 9 ++ src/components/IconsSocMedia.jsx | 20 ++++ src/components/ProjectCard.jsx | 25 +++++ src/components/Sections/BlogSection.jsx | 0 src/components/Sections/ProjectSection.jsx | 21 +++++ src/components/Sections/SkillSection.jsx | 23 +++++ src/components/Sections/TechSection.jsx | 12 +++ src/components/Typography.jsx | 42 +++++++++ src/components/layout/Footer.jsx | 16 ++++ src/components/layout/Header.jsx | 41 +++++++++ src/components/layout/MainSection.jsx | 13 +++ src/data/skillslist.json | 33 +++++++ src/globalStyles.jsx | 16 ++++ src/index.css | 7 +- src/media.jsx | 7 ++ 33 files changed, 497 insertions(+), 7 deletions(-) create mode 100644 public/icons/Btn - github.svg create mode 100644 public/icons/Btn - instagram.svg create mode 100644 public/icons/Btn - linkedin.svg create mode 100644 public/icons/Ic-ArrowDown.svg create mode 100644 public/icons/Ic-Github.svg create mode 100644 public/icons/Ic-Web.svg create mode 100644 src/Assets/avatar.JPG create mode 100644 src/Assets/codepicture.jpg create mode 100644 src/Assets/footer_av.png create mode 100644 src/Assets/project1.jpg create mode 100644 src/Assets/wordspicture.jpg create mode 100644 src/components/Buttons/ButtonFilled.jsx create mode 100644 src/components/Buttons/ButtonGhost.jsx create mode 100644 src/components/Buttons/ButtonText.jsx create mode 100644 src/components/FooterAvatar.jsx create mode 100644 src/components/HeroCarousel.jsx create mode 100644 src/components/IconWithLink.jsx create mode 100644 src/components/IconsSocMedia.jsx create mode 100644 src/components/ProjectCard.jsx create mode 100644 src/components/Sections/BlogSection.jsx create mode 100644 src/components/Sections/ProjectSection.jsx create mode 100644 src/components/Sections/SkillSection.jsx create mode 100644 src/components/Sections/TechSection.jsx create mode 100644 src/components/Typography.jsx create mode 100644 src/components/layout/Footer.jsx create mode 100644 src/components/layout/Header.jsx create mode 100644 src/components/layout/MainSection.jsx create mode 100644 src/data/skillslist.json create mode 100644 src/globalStyles.jsx create mode 100644 src/media.jsx diff --git a/package.json b/package.json index 48911600..7ad41f04 100644 --- a/package.json +++ b/package.json @@ -11,7 +11,8 @@ }, "dependencies": { "react": "^19.0.0", - "react-dom": "^19.0.0" + "react-dom": "^19.0.0", + "styled-components": "^6.1.19" }, "devDependencies": { "@eslint/js": "^9.21.0", diff --git a/public/icons/Btn - github.svg b/public/icons/Btn - github.svg new file mode 100644 index 00000000..f4cc66bc --- /dev/null +++ b/public/icons/Btn - github.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/icons/Btn - instagram.svg b/public/icons/Btn - instagram.svg new file mode 100644 index 00000000..60fedfbd --- /dev/null +++ b/public/icons/Btn - instagram.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/icons/Btn - linkedin.svg b/public/icons/Btn - linkedin.svg new file mode 100644 index 00000000..cd79edde --- /dev/null +++ b/public/icons/Btn - linkedin.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/icons/Ic-ArrowDown.svg b/public/icons/Ic-ArrowDown.svg new file mode 100644 index 00000000..85a85622 --- /dev/null +++ b/public/icons/Ic-ArrowDown.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/icons/Ic-Github.svg b/public/icons/Ic-Github.svg new file mode 100644 index 00000000..89f5ddb4 --- /dev/null +++ b/public/icons/Ic-Github.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/icons/Ic-Web.svg b/public/icons/Ic-Web.svg new file mode 100644 index 00000000..e752b728 --- /dev/null +++ b/public/icons/Ic-Web.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/App.jsx b/src/App.jsx index a161d8d3..5c3781f1 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,8 +1,15 @@ +import GlobalStyle from "./globalStyles"; +import { Header } from "./components/layout/Header"; +import { MainSection } from "./components/layout/MainSection"; +import { Footer } from "./components/layout/Footer"; + export const App = () => { return ( <> -

Portfolio

-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem, laborum! Maxime animi nostrum facilis distinctio neque labore consectetur beatae eum ipsum excepturi voluptatum, dicta repellendus incidunt fugiat, consequatur rem aperiam.

+ +
+ +