diff --git a/components/CertificationSection.tsx b/components/CertificationSection.tsx new file mode 100644 index 0000000..3573bce --- /dev/null +++ b/components/CertificationSection.tsx @@ -0,0 +1,13 @@ +export default function ProjectShowcase() { + + return <> +
+

Certificates

+ All certificates I have are available at my + LinkedIn profile. + + +
+ +} + diff --git a/components/HeaderSection.tsx b/components/HeaderSection.tsx index 1f6bf8c..3a9fabd 100644 --- a/components/HeaderSection.tsx +++ b/components/HeaderSection.tsx @@ -4,15 +4,15 @@ import styles from '../styles/Home.module.css' export const HeadSection = ({ isVisibleCallback }: { isVisibleCallback: () => void }) => { return
{/* */} -
+

whoami

-
+
Developer passionate about new technologies. I value reliable software, so I tend to gravitate towards type safe languages/tech stacks, reproducible environments (nix) and test critical parts of my software.
-
-
- -
{/* diff --git a/components/ProjectSection/ProjectSection.tsx b/components/ProjectSection/ProjectSection.tsx index 37de869..514800d 100644 --- a/components/ProjectSection/ProjectSection.tsx +++ b/components/ProjectSection/ProjectSection.tsx @@ -4,35 +4,35 @@ import ProjectShowcase from "./ProjectShowcase" import { projects } from "./projects_data" export const ProjectsSection = ({ children, isVisibleCallback }: { children?, isVisibleCallback: () => void }) => { - const [selectedProject, setSelectedProject] = useState(0) + const [selectedProject, setSelectedProject] = useState(0) - return <> -
+ return <> +
-

My Projects

-
-
- {projects.map((project, index) => { - return - })} -
-
+ {project.title} + + })} +
+
-
- -
-
- +
+ +
+ + } diff --git a/components/ProjectSection/ProjectShowcase.tsx b/components/ProjectSection/ProjectShowcase.tsx index 9eb6880..40eef52 100644 --- a/components/ProjectSection/ProjectShowcase.tsx +++ b/components/ProjectSection/ProjectShowcase.tsx @@ -3,53 +3,53 @@ import { Children } from 'react' export default function ProjectShowcase({ project }: { project: Project }) { - return <> -
-
-
-
- Project description: -
-
- {project.description} -
-
-
-
- Technologies used: -
-
- {project.technologies.map((tech, ind) => { - return <> - - - })} -
+ return <> +
+
+
+
+ Project description: +
+
+ {project.description} +
+
+
+
+ Technologies used: +
+
+ {project.technologies.map((tech, ind) => { + return <> + + + })} +
-
-
-
-
- {project.liveLink && - watch live - } - {project.sourceCode && - source codegithub icon - } -
- +
+ {project.liveLink && + watch live + } + {project.sourceCode && + source codegithub icon + } +
+ -
+ /> +
-
- +
+ } function NavigationButton({ link, children }: { link: string, children: any }) { - return - {children} - -} \ No newline at end of file + return + {children} + +} diff --git a/components/ProjectSection/projects_data.ts b/components/ProjectSection/projects_data.ts index 8b9bfe8..bcecf48 100644 --- a/components/ProjectSection/projects_data.ts +++ b/components/ProjectSection/projects_data.ts @@ -3,24 +3,26 @@ import { Project } from "./project"; export const projects: Project[] = [ { - title: "Mediujemy.pl", - description: "Website for mediation company. \ + title: "Mediujemy", + description: "Website for mediation company. It's rather simple project using Vue (Nuxt) and SSG for ease of deployment. \ ", liveLink: "https://mediujemy.pl", sourceCode: "https://github.com/nxy7/mediujemy", - technologies: [technologies.get("ts"), technologies.get("vue")], + technologies: [technologies.get("ts"), technologies.get("nix"),technologies.get("vue")], backgroundImg: "mediujemy.jpg" }, { title: "Chat APP", - description: "Live chat application", + description: "Live chat application that allows sending ephemeral messages that\ + dissapear after selected amount of time. The app consists SSG frontend, stateless backend that can be scaled up to\ + match the traffic and uses Redis and MongoDB as data storage layer.", liveLink: "https://chat-app.nxyt.pl", sourceCode: "http://github.com/nxy7/go-chat", - technologies: [technologies.get("go"), technologies.get("redis"), technologies.get("kubernetes"), technologies.get("mongodb"), technologies.get("vue")], + technologies: [technologies.get("go"), technologies.get("redis"), technologies.get("kubernetes"), technologies.get("mongodb"), technologies.get("vue"), technologies.get("nix")], backgroundImg: "chatapp.png" }, { - title: "StockBuddy.pl", + title: "StockBuddy", description: "Web app that makes following Polish Stock Market (GPW) data easier than ever. Unlike other websites StockBuddy displays data for long\ timeframes in form of easily readable charts. Other than that the website has some features making stock valuation easier.\ ", @@ -30,12 +32,12 @@ export const projects: Project[] = [ technologies.get("react"), technologies.get("go"), technologies.get("pgsql"), - technologies.get("docker"), + technologies.get("kubernetes"), technologies.get("nix"), ], backgroundImg: "stockbuddy.png" }, { - title: "Streampai.gg", + title: "Streampai", description: `Web service dedicated for online broadcasters. Allows receiving donations and showing notifications on stream. Integrates with Youtube, Twitch and more. Unlike other simmilar projects streampai merges notification streams from various sources and allows showing them within single component. There are many features that I'd love to implement into this project like custom notifications made by users (possibly using webassembly) and restreaming capibility. Definitely the most ambitious project on the list, consisting of many microservices and hosted using kubernetes cluster. Right now it is not yet available publicly, but most of the underlying work is already done. What's left is polishing the way the app looks and it can go live. diff --git a/pages/index.tsx b/pages/index.tsx index aaf18e8..9ee6566 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -6,45 +6,46 @@ import { ContactSection } from "../components/ContactSection"; import { Footer } from "../components/Footer"; import { TechStackSection } from "../components/TechnologySection/TechStackSection"; import { ProjectsSection } from "../components/ProjectSection/ProjectSection"; +import CertificationSection from "../components/CertificationSection"; export default function Home() { - const [activeSlide, setActiveSlide] = useState(0) - - return ( - <> - - Dawid Danieluk Portfolio Website - - - - {/* header visible when scrolling down */} - {/*
*/} - -
- - { - setActiveSlide(0) - }}> - -
- { - setActiveSlide(1) - }}> - - { - setActiveSlide(2) - }}> -
test1
-
test2
-
test3
-
test4
- - - -
-
-
- - - - ); + + ); } @@ -115,19 +116,19 @@ export default function Home() { type FrontButtonProps = { - href: string - children: any + href: string + children: any } export function FrontButton(props: FrontButtonProps) { - if (props.href) return ( - {props.children} - ) - return ( - - ) + if (props.href) return ( + {props.children} + ) + return ( + + ) }