asd
This commit is contained in:
Daniel Prior
parent
9ea54bd3ab
commit
73e6553c28
8 changed files with 0 additions and 425 deletions
|
|
@ -1,39 +0,0 @@
|
|||
export default function AboutMe() {
|
||||
return (
|
||||
<div className="p-6">
|
||||
<h2 className="text-2xl font-bold mb-4">About Me</h2>
|
||||
<div className="flex flex-col md:flex-row gap-6">
|
||||
<div className="md:w-1/3">
|
||||
<div className="rounded-lg overflow-hidden mb-4">
|
||||
<img src="/confident-professional.png" alt="Profile" className="w-full h-auto" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="md:w-2/3">
|
||||
<p className="mb-4">
|
||||
Hello! I'm Daniel, a passionate full stack developer with a love for all things tech - from hardware to
|
||||
software, AI to game development.
|
||||
</p>
|
||||
<p className="mb-4">
|
||||
While I primarily focus on web development using modern frameworks and technologies, I've also ventured into
|
||||
game development and app creation. I enjoy tackling complex problems and turning ideas into reality through
|
||||
code.
|
||||
</p>
|
||||
<p className="mb-4">
|
||||
When I'm not coding, you can find me exploring emerging technologies, contributing to open-source projects,
|
||||
or experimenting with new development techniques and tools.
|
||||
</p>
|
||||
<div className="mt-6">
|
||||
<h3 className="text-lg font-semibold mb-2">Quick Facts</h3>
|
||||
<ul className="list-disc list-inside space-y-1">
|
||||
<li>Based in Denmark</li>
|
||||
<li>27 years old</li>
|
||||
<li>5+ years of experience in software development</li>
|
||||
<li>Graduated from Aalborg Universitet</li>
|
||||
<li>Currently working as a Senior Software Developer</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
|
@ -1,85 +0,0 @@
|
|||
import { Mail, Phone, MapPin, Send } from "lucide-react"
|
||||
import { Button } from "@/components/ui/button"
|
||||
import { Input } from "@/components/ui/input"
|
||||
import { Textarea } from "@/components/ui/textarea"
|
||||
|
||||
export default function Contact() {
|
||||
return (
|
||||
<div className="p-6">
|
||||
<h2 className="text-2xl font-bold mb-6">Contact Me</h2>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold mb-4">Get In Touch</h3>
|
||||
<p className="text-gray-600 mb-6">
|
||||
Feel free to reach out if you have any questions, project inquiries, or just want to say hello!
|
||||
</p>
|
||||
|
||||
<div className="space-y-4">
|
||||
<div className="flex items-start">
|
||||
<Mail className="w-5 h-5 text-gray-600 mt-0.5 mr-3" />
|
||||
<div>
|
||||
<h4 className="font-medium">Email</h4>
|
||||
<p className="text-gray-600">your.email@example.com</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex items-start">
|
||||
<Phone className="w-5 h-5 text-gray-600 mt-0.5 mr-3" />
|
||||
<div>
|
||||
<h4 className="font-medium">Phone</h4>
|
||||
<p className="text-gray-600">+1 (123) 456-7890</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex items-start">
|
||||
<MapPin className="w-5 h-5 text-gray-600 mt-0.5 mr-3" />
|
||||
<div>
|
||||
<h4 className="font-medium">Location</h4>
|
||||
<p className="text-gray-600">City, Country</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold mb-4">Send a Message</h3>
|
||||
<form className="space-y-4">
|
||||
<div>
|
||||
<label htmlFor="name" className="block text-sm font-medium text-gray-700 mb-1">
|
||||
Name
|
||||
</label>
|
||||
<Input id="name" placeholder="Your name" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label htmlFor="email" className="block text-sm font-medium text-gray-700 mb-1">
|
||||
Email
|
||||
</label>
|
||||
<Input id="email" type="email" placeholder="your.email@example.com" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label htmlFor="subject" className="block text-sm font-medium text-gray-700 mb-1">
|
||||
Subject
|
||||
</label>
|
||||
<Input id="subject" placeholder="What is this regarding?" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label htmlFor="message" className="block text-sm font-medium text-gray-700 mb-1">
|
||||
Message
|
||||
</label>
|
||||
<Textarea id="message" placeholder="Your message" rows={4} />
|
||||
</div>
|
||||
|
||||
<Button type="submit" className="w-full">
|
||||
<Send className="w-4 h-4 mr-2" />
|
||||
Send Message
|
||||
</Button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
|
@ -1,66 +0,0 @@
|
|||
import {
|
||||
FolderOpen,
|
||||
FileText,
|
||||
ImageIcon as Image,
|
||||
Video,
|
||||
MusicIcon,
|
||||
Download,
|
||||
ComputerIcon as Desktop,
|
||||
Home,
|
||||
} from "lucide-react"
|
||||
|
||||
export default function Finder() {
|
||||
const files = [
|
||||
{ name: "Documents", icon: <FileText className="w-5 h-5" />, type: "folder" },
|
||||
{ name: "Pictures", icon: <Image className="w-5 h-5" />, type: "folder" },
|
||||
{ name: "Videos", icon: <Video className="w-5 h-5" />, type: "folder" },
|
||||
{ name: "Music", icon: <MusicIcon className="w-5 h-5" />, type: "folder" },
|
||||
{ name: "Downloads", icon: <Download className="w-5 h-5" />, type: "folder" },
|
||||
{ name: "resume.pdf", icon: <FileText className="w-5 h-5" />, type: "file" },
|
||||
{ name: "portfolio.jpg", icon: <Image className="w-5 h-5" />, type: "file" },
|
||||
{ name: "project-demo.mp4", icon: <Video className="w-5 h-5" />, type: "file" },
|
||||
]
|
||||
|
||||
return (
|
||||
<div className="flex h-full">
|
||||
{/* Sidebar */}
|
||||
<div className="w-48 bg-gray-100 p-2">
|
||||
<div className="text-xs font-semibold text-gray-500 mb-1 px-2">Favorites</div>
|
||||
<div className="space-y-1">
|
||||
<div className="flex items-center px-2 py-1 rounded hover:bg-blue-500 hover:text-white cursor-pointer">
|
||||
<Desktop className="w-4 h-4 mr-2" />
|
||||
<span>Desktop</span>
|
||||
</div>
|
||||
<div className="flex items-center px-2 py-1 rounded hover:bg-blue-500 hover:text-white cursor-pointer">
|
||||
<Download className="w-4 h-4 mr-2" />
|
||||
<span>Downloads</span>
|
||||
</div>
|
||||
<div className="flex items-center px-2 py-1 rounded hover:bg-blue-500 hover:text-white cursor-pointer">
|
||||
<FileText className="w-4 h-4 mr-2" />
|
||||
<span>Documents</span>
|
||||
</div>
|
||||
<div className="flex items-center px-2 py-1 rounded hover:bg-blue-500 hover:text-white cursor-pointer">
|
||||
<Home className="w-4 h-4 mr-2" />
|
||||
<span>Home</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Content */}
|
||||
<div className="flex-1 p-4">
|
||||
<div className="grid grid-cols-4 gap-4">
|
||||
{files.map((file, index) => (
|
||||
<div key={index} className="flex flex-col items-center p-2 rounded hover:bg-blue-100 cursor-pointer">
|
||||
<div
|
||||
className={`w-12 h-12 flex items-center justify-center ${file.type === "folder" ? "text-blue-500" : "text-gray-500"}`}
|
||||
>
|
||||
{file.type === "folder" ? <FolderOpen className="w-10 h-10" /> : file.icon}
|
||||
</div>
|
||||
<span className="text-sm mt-1 text-center">{file.name}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
|
@ -57,9 +57,6 @@ Frontend Developer & Full Stack Engineer
|
|||
## Experience
|
||||
Currently working as a Senior Full Stack Developer, focusing on building accessible, performant, and scalable web applications. Experienced in leading development teams and implementing best practices for modern web development.
|
||||
|
||||
## Education
|
||||
Bachelor of Informations Technology, Aalborg Universitet
|
||||
|
||||
## Contact
|
||||
Email: mail@danielprior.dk
|
||||
GitHub: github.com/daprior
|
||||
|
|
|
|||
|
|
@ -1,66 +0,0 @@
|
|||
export default function Projects() {
|
||||
const projects = [
|
||||
{
|
||||
id: 1,
|
||||
title: "Project One",
|
||||
description: "A web application built with React and Node.js",
|
||||
image: "/modern-web-app-dashboard.png",
|
||||
tags: ["React", "Node.js", "MongoDB"],
|
||||
link: "#",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Project Two",
|
||||
description: "Mobile app for tracking fitness goals",
|
||||
image: "/vibrant-workout-interface.png",
|
||||
tags: ["React Native", "Firebase"],
|
||||
link: "#",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Project Three",
|
||||
description: "E-commerce platform with payment integration",
|
||||
image: "/modern-ecommerce-interface.png",
|
||||
tags: ["Next.js", "Stripe", "Tailwind CSS"],
|
||||
link: "#",
|
||||
},
|
||||
]
|
||||
|
||||
return (
|
||||
<div className="p-6">
|
||||
<h2 className="text-2xl font-bold mb-6">My Projects</h2>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
{projects.map((project) => (
|
||||
<div key={project.id} className="border rounded-lg overflow-hidden hover:shadow-md transition-shadow">
|
||||
<div className="h-40 overflow-hidden">
|
||||
<img
|
||||
src={project.image || "/placeholder.svg"}
|
||||
alt={project.title}
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
</div>
|
||||
<div className="p-4">
|
||||
<h3 className="text-lg font-semibold mb-2">{project.title}</h3>
|
||||
<p className="text-gray-600 mb-3">{project.description}</p>
|
||||
<div className="flex flex-wrap gap-2 mb-3">
|
||||
{project.tags.map((tag) => (
|
||||
<span key={tag} className="px-2 py-1 bg-gray-100 text-gray-800 text-xs rounded">
|
||||
{tag}
|
||||
</span>
|
||||
))}
|
||||
</div>
|
||||
<a
|
||||
href={project.link}
|
||||
className="text-blue-500 hover:text-blue-700 text-sm font-medium"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
View Project →
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
|
@ -1,91 +0,0 @@
|
|||
export default function Resume() {
|
||||
return (
|
||||
<div className="p-6">
|
||||
<div className="flex justify-between items-center mb-6">
|
||||
<h2 className="text-2xl font-bold">Resume</h2>
|
||||
<button className="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 transition-colors">
|
||||
Download PDF
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div className="space-y-8">
|
||||
{/* Education Section */}
|
||||
<section>
|
||||
<h3 className="text-xl font-semibold border-b pb-2 mb-4">Education</h3>
|
||||
<div className="space-y-4">
|
||||
<div>
|
||||
<div className="flex justify-between">
|
||||
<h4 className="font-medium">University Name</h4>
|
||||
<span className="text-gray-500">2018 - 2022</span>
|
||||
</div>
|
||||
<p className="text-gray-700">Bachelor of Science in Computer Science</p>
|
||||
<p className="text-gray-600 text-sm mt-1">
|
||||
Relevant coursework: Data Structures, Algorithms, Web Development, Database Systems
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div className="flex justify-between">
|
||||
<h4 className="font-medium">Another Institution</h4>
|
||||
<span className="text-gray-500">2016 - 2018</span>
|
||||
</div>
|
||||
<p className="text-gray-700">Associate Degree in Information Technology</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Experience Section */}
|
||||
<section>
|
||||
<h3 className="text-xl font-semibold border-b pb-2 mb-4">Work Experience</h3>
|
||||
<div className="space-y-6">
|
||||
<div>
|
||||
<div className="flex justify-between">
|
||||
<h4 className="font-medium">Software Developer</h4>
|
||||
<span className="text-gray-500">Jan 2023 - Present</span>
|
||||
</div>
|
||||
<p className="text-gray-700">Company Name, Location</p>
|
||||
<ul className="list-disc list-inside mt-2 text-gray-600 space-y-1">
|
||||
<li>Developed and maintained web applications using React and Node.js</li>
|
||||
<li>Collaborated with design team to implement responsive UI components</li>
|
||||
<li>Optimized application performance and reduced load times by 30%</li>
|
||||
<li>Participated in code reviews and mentored junior developers</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div className="flex justify-between">
|
||||
<h4 className="font-medium">Web Developer Intern</h4>
|
||||
<span className="text-gray-500">May 2022 - Dec 2022</span>
|
||||
</div>
|
||||
<p className="text-gray-700">Internship Company, Location</p>
|
||||
<ul className="list-disc list-inside mt-2 text-gray-600 space-y-1">
|
||||
<li>Assisted in developing front-end features using HTML, CSS, and JavaScript</li>
|
||||
<li>Fixed bugs and improved website accessibility</li>
|
||||
<li>Created documentation for internal tools and processes</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Certifications Section */}
|
||||
<section>
|
||||
<h3 className="text-xl font-semibold border-b pb-2 mb-4">Certifications</h3>
|
||||
<div className="space-y-3">
|
||||
<div className="flex justify-between">
|
||||
<span className="font-medium">AWS Certified Developer</span>
|
||||
<span className="text-gray-500">2023</span>
|
||||
</div>
|
||||
<div className="flex justify-between">
|
||||
<span className="font-medium">React Developer Certification</span>
|
||||
<span className="text-gray-500">2022</span>
|
||||
</div>
|
||||
<div className="flex justify-between">
|
||||
<span className="font-medium">Google Analytics Certification</span>
|
||||
<span className="text-gray-500">2021</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
|
@ -1,59 +0,0 @@
|
|||
export default function Skills() {
|
||||
const skillCategories = [
|
||||
{
|
||||
name: "Frontend",
|
||||
skills: [
|
||||
{ name: "HTML/CSS", level: 90 },
|
||||
{ name: "JavaScript", level: 85 },
|
||||
{ name: "React", level: 80 },
|
||||
{ name: "Next.js", level: 75 },
|
||||
{ name: "Tailwind CSS", level: 85 },
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Backend",
|
||||
skills: [
|
||||
{ name: "Node.js", level: 70 },
|
||||
{ name: "Express", level: 65 },
|
||||
{ name: "MongoDB", level: 60 },
|
||||
{ name: "SQL", level: 55 },
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Tools & Others",
|
||||
skills: [
|
||||
{ name: "Git", level: 80 },
|
||||
{ name: "Docker", level: 50 },
|
||||
{ name: "AWS", level: 45 },
|
||||
{ name: "Figma", level: 60 },
|
||||
],
|
||||
},
|
||||
]
|
||||
|
||||
return (
|
||||
<div className="p-6">
|
||||
<h2 className="text-2xl font-bold mb-6">Skills</h2>
|
||||
|
||||
<div className="space-y-8">
|
||||
{skillCategories.map((category, index) => (
|
||||
<div key={index}>
|
||||
<h3 className="text-xl font-semibold mb-4">{category.name}</h3>
|
||||
<div className="space-y-4">
|
||||
{category.skills.map((skill, skillIndex) => (
|
||||
<div key={skillIndex}>
|
||||
<div className="flex justify-between mb-1">
|
||||
<span className="font-medium">{skill.name}</span>
|
||||
<span className="text-gray-500">{skill.level}%</span>
|
||||
</div>
|
||||
<div className="w-full bg-gray-200 rounded-full h-2.5">
|
||||
<div className="bg-blue-600 h-2.5 rounded-full" style={{ width: `${skill.level}%` }}></div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
import { Trash2, RefreshCw } from "lucide-react"
|
||||
import { Button } from "@/components/ui/button"
|
||||
|
||||
export default function Trash() {
|
||||
return (
|
||||
<div className="flex flex-col items-center justify-center h-full p-6">
|
||||
<Trash2 className="w-24 h-24 text-gray-300 mb-4" />
|
||||
<h2 className="text-2xl font-semibold mb-2">Trash is Empty</h2>
|
||||
<p className="text-gray-500 text-center mb-6">Items in the Trash will be automatically deleted after 30 days.</p>
|
||||
<Button variant="outline" className="flex items-center">
|
||||
<RefreshCw className="w-4 h-4 mr-2" />
|
||||
Empty Trash
|
||||
</Button>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue