From ab28074a0b454dc5a96a2c17c663e6d13f588e94 Mon Sep 17 00:00:00 2001 From: Lukas Date: Wed, 11 Sep 2024 14:24:53 +0200 Subject: [PATCH] add arduino page --- portfolio/src/App.js | 2 + portfolio/src/Pages/Arduino.css | 3 + portfolio/src/Pages/Arduino.js | 97 ++++++++++++++++++++++++++++++++ portfolio/src/Pages/Projects.css | 8 ++- portfolio/src/Pages/Projects.js | 8 +-- portfolio/src/style.css | 1 + 6 files changed, 112 insertions(+), 7 deletions(-) create mode 100644 portfolio/src/Pages/Arduino.css create mode 100644 portfolio/src/Pages/Arduino.js diff --git a/portfolio/src/App.js b/portfolio/src/App.js index c2ea761..e221dd4 100644 --- a/portfolio/src/App.js +++ b/portfolio/src/App.js @@ -4,6 +4,7 @@ import About from "../src/Pages/About" import Contact from "../src/Pages/Contact" import Hobbies from "../src/Pages/Hobbies" import Projects from "../src/Pages/Projects" +import Arduino from "../src/Pages/Arduino" function App() { @@ -17,6 +18,7 @@ function App() { } /> } /> } /> + } /> } /> diff --git a/portfolio/src/Pages/Arduino.css b/portfolio/src/Pages/Arduino.css new file mode 100644 index 0000000..2c42c64 --- /dev/null +++ b/portfolio/src/Pages/Arduino.css @@ -0,0 +1,3 @@ +.marginLeft{ + margin-left: 1vmax; +} \ No newline at end of file diff --git a/portfolio/src/Pages/Arduino.js b/portfolio/src/Pages/Arduino.js new file mode 100644 index 0000000..42d8c66 --- /dev/null +++ b/portfolio/src/Pages/Arduino.js @@ -0,0 +1,97 @@ +import Navbar from "../Components/Navbar/Navbar"; +import Footer from "../Components/Footer/Footer"; +import ScrollToTop from "../Components/scrollToTop"; +//import placeholder_portrait from "./../Assets/placeholder_portrait4.png" +import arduinoLogo from "../Assets/arduino-logo.png"; +import cplusplusLogo from "../Assets/c++-logo.png"; +import "./About.css"; +import placeholderPhoto from "../Assets/myPhoto.jpg"; +import "./Projects.css"; + + + +const About = () => { + var python_projects = "https://github.com/dreamz12345/Python-Projects"; + var c_projects = "https://github.com/dreamz12345/Arduino-Heater"; + var react_projects = "https://github.com/dreamz12345/portfolio"; + var docs_link = "https://github.com/dreamz12345/Python-Projects/blob/main/15%20-%20Coffee%20Machine/main.py"; + var my_github_page = "https://github.com/dreamz12345"; + return ( +
+ +
+ +
+ + +
+ Arduino Heater Controller + +
+ projectsPhoto + projectsPhoto +
+ +
+ +
+
+ +
+ + projectsPhoto +
+ +
+
+ +
+ + + Hard Skills: +
    +
  • Programming: Mainly Python but also a little bit of C++ and React JSX
    • +
  • Commitment to quality: I always try to find the best possible solutions before I start to code.
    • +
  • Creating with future in mind: I believe that documentation and good code design is very important to make sure my code can be understandable and reusable in the future.
    • +
  • Version control software: I use GitHub and GitKraken.
    • +
  • Tests: I can write simple tests for my code with UnitTests and Pytest libraries.
    • +
  • Wide range of interests: 3D modeling, 2D digital art, composition, color theory and more.
    • +
  • Language: Polish and English.
    • +
+ Soft Skills: +
    +
  • Curiosity: Being curious person allows me to discover new solutions fast.
    • +
  • Grow-mindset: I easliy find and learn from courses, tutorials, and quicktips which allows me to grow fast.
    • +
  • Personal culture: I do understand that everyone deserves respect and anyone can be wrong - myself included.
    • +
  • Team player: Good atmosphere in a team is important to me.
    • +
+ + How do I write my code: +
    +
  • High Quality: I develop the code in small incremental steps making sure it always works.
    • +
  • Incrementally: I always develop in a way that will allow to easliy expend on created solutions in the future.
    • +
  • With future in mind: Keeping functions as independend as possible makes refactoring easy and ensures that the code is flexible and clear.
    • +
  • Easy to Read: I always try to oblige with community set code formating standards. I try to keep every single line of code as short and simple as possible which gives high readability and easy debugging if needed.
    • +
+ + What is my mindset: +
    +
  • Not stubborn: I easliy adapt to new tools and work ethic in the new work environment.
    • +
  • Focus on the right thing: Finishing project and client satisfaction is the most important thing to me.
    • +
  • Flexible: I'm open to do courses to learn about technologies and libraries that your company use.
    • +
  • Continous Improvement: I'm always looking for improvement of the code but I'm not going to force the company to do things my way.
    • +
+
+ +
+ +
+ +
+
+
+
+ ) +} + +export default About; \ No newline at end of file diff --git a/portfolio/src/Pages/Projects.css b/portfolio/src/Pages/Projects.css index 01410b6..2058260 100644 --- a/portfolio/src/Pages/Projects.css +++ b/portfolio/src/Pages/Projects.css @@ -107,7 +107,7 @@ .technologiesUsedPhoto{ max-height: 1.7vmax; margin-top: 1vmax; - margin-left: 1vmax; + margin-right: 1vmax; object-fit: cover; @@ -122,11 +122,13 @@ .cplusplusPhoto { width: 4rem; } - +.marginLeft{ + margin-left: 1vmax; +} @media screen and (max-width:1050px) { .helloText{white-space: break-spaces;} + .technologiesUsedPhoto{max-height: 3vmax;} } - diff --git a/portfolio/src/Pages/Projects.js b/portfolio/src/Pages/Projects.js index 9aef22d..c4836e1 100644 --- a/portfolio/src/Pages/Projects.js +++ b/portfolio/src/Pages/Projects.js @@ -44,7 +44,7 @@ const Projects = () => {
Pong - projectsPhoto + projectsPhoto
@@ -52,12 +52,12 @@ const Projects = () => {
- +
Arduino Heater - projectsPhoto - projectsPhoto + projectsPhoto + projectsPhoto
projectsPhoto
diff --git a/portfolio/src/style.css b/portfolio/src/style.css index e8dd15e..a1a633b 100644 --- a/portfolio/src/style.css +++ b/portfolio/src/style.css @@ -37,6 +37,7 @@ li { + .pageContent{ margin: 1rem auto; max-width: 80vw;