diff --git a/README.md b/README.md index 200f4282..eb1c0bd4 100644 --- a/README.md +++ b/README.md @@ -1 +1,24 @@ -# Portfolio +# Portfolio project + +Netlify link: https://sofialennbom.netlify.app/ + +Portfolio project in react using components and props, styled components. +It follows the guidelines on how to write clean code and accessibility guidelines to ensure your website is usable by a diverse range of users: +[] Lighthouse score of at least 95 +[] Images have alt attributes and proper sizes +[] All contrasts should be OK +[] Responsive for devices from 320px width up to at least 1600px. + +The portfolio contains: +[] A picture of me +[] A presentation of my tech skills +[] A presentation of my projects linking to GitHub and Netlify. +[] A presentation of some thoughts that I have around code. +[] A clear way to get in contact with me + +Follows figma design: https://www.figma.com/design/RsWkRToMb9XaYPNpNNDdo6/Sofia%C2%B4s-Figma-designs-for-students?node-id=1078-2289&m=dev + + + + + diff --git a/index.html b/index.html index 6676fb2d..e960a3f2 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,10 @@ - Portfolio + Portfolio Sofia Lennbom + + +
diff --git a/package.json b/package.json index 48911600..6e20d522 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.17" }, "devDependencies": { "@eslint/js": "^9.21.0", @@ -22,6 +23,6 @@ "eslint-plugin-react-hooks": "^5.1.0", "eslint-plugin-react-refresh": "^0.4.19", "globals": "^15.15.0", - "vite": "^6.2.0" + "vite": "^6.2.6" } } diff --git a/public/assets/Btn - github.svg b/public/assets/Btn - github.svg new file mode 100644 index 00000000..a05da045 --- /dev/null +++ b/public/assets/Btn - github.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/assets/Btn - instagram.svg b/public/assets/Btn - instagram.svg new file mode 100644 index 00000000..afe4b0af --- /dev/null +++ b/public/assets/Btn - instagram.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/assets/Btn - linkedin.svg b/public/assets/Btn - linkedin.svg new file mode 100644 index 00000000..e0c72de7 --- /dev/null +++ b/public/assets/Btn - linkedin.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/assets/Btn - stackoverflow.svg b/public/assets/Btn - stackoverflow.svg new file mode 100644 index 00000000..0478fe51 --- /dev/null +++ b/public/assets/Btn - stackoverflow.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/assets/Ic-ArrowDown.svg b/public/assets/Ic-ArrowDown.svg new file mode 100644 index 00000000..731fbe3f --- /dev/null +++ b/public/assets/Ic-ArrowDown.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/assets/Ic-Web.svg b/public/assets/Ic-Web.svg new file mode 100644 index 00000000..3af1e893 --- /dev/null +++ b/public/assets/Ic-Web.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/assets/RecLib.svg b/public/assets/RecLib.svg new file mode 100644 index 00000000..5d0e50bc --- /dev/null +++ b/public/assets/RecLib.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/accessibility.svg b/public/assets/accessibility.svg new file mode 100644 index 00000000..65ed5299 --- /dev/null +++ b/public/assets/accessibility.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/food.jpg b/public/assets/food.jpg new file mode 100644 index 00000000..6a21ead2 Binary files /dev/null and b/public/assets/food.jpg differ diff --git a/public/assets/green_leaf.svg b/public/assets/green_leaf.svg new file mode 100644 index 00000000..2e1805d1 --- /dev/null +++ b/public/assets/green_leaf.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/laptop.svg b/public/assets/laptop.svg new file mode 100644 index 00000000..f21726d5 --- /dev/null +++ b/public/assets/laptop.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/assets/movie_app.svg b/public/assets/movie_app.svg new file mode 100644 index 00000000..8904dbb9 --- /dev/null +++ b/public/assets/movie_app.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/assets/screen.svg b/public/assets/screen.svg new file mode 100644 index 00000000..8e9ed8cf --- /dev/null +++ b/public/assets/screen.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/seed.svg b/public/assets/seed.svg new file mode 100644 index 00000000..d07dd7cd --- /dev/null +++ b/public/assets/seed.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/sofia_lennbom_black_white.jpg b/public/assets/sofia_lennbom_black_white.jpg new file mode 100644 index 00000000..3bf5391a Binary files /dev/null and b/public/assets/sofia_lennbom_black_white.jpg differ diff --git a/public/assets/sofia_lennbom_black_white.svg b/public/assets/sofia_lennbom_black_white.svg new file mode 100644 index 00000000..b8e1d193 --- /dev/null +++ b/public/assets/sofia_lennbom_black_white.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/weather.svg b/public/assets/weather.svg new file mode 100644 index 00000000..07bf5068 --- /dev/null +++ b/public/assets/weather.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/src/App.jsx b/src/App.jsx index a161d8d3..48e2ff7f 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,8 +1,28 @@ + +import { Profile } from "./sections/Profile" +import { Tech } from "./sections/Tech" +import { Proj } from "./sections/Proj" +import { Footer } from "./sections/Footer" +import { GlobalStyle } from "./components/GlobalStyle" +import { SkipToMainContent } from "./sections/SkipToMain" +import { Skills } from "./sections/Skills" +import { MyWords } from "./sections/MyWords" + + + + 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.

+ + + + + + + + +