From 9c357dbbf99cc48e052e7377f9094fe00e9359f0 Mon Sep 17 00:00:00 2001 From: "Builder.io" Date: Fri, 7 Nov 2025 23:42:54 +0000 Subject: [PATCH] Build DevLinkProfiles - Developer directory and portfolio cgen-3abf7d006ac446cabaf1a59489b2c690 --- client/pages/devlink/DevLinkJobs.tsx | 185 ++++++++++++++++++++++ client/pages/devlink/DevLinkProfiles.tsx | 187 +++++++++++++++++++++++ 2 files changed, 372 insertions(+) create mode 100644 client/pages/devlink/DevLinkJobs.tsx create mode 100644 client/pages/devlink/DevLinkProfiles.tsx diff --git a/client/pages/devlink/DevLinkJobs.tsx b/client/pages/devlink/DevLinkJobs.tsx new file mode 100644 index 00000000..6210f3c6 --- /dev/null +++ b/client/pages/devlink/DevLinkJobs.tsx @@ -0,0 +1,185 @@ +import Layout from "@/components/Layout"; +import { Button } from "@/components/ui/button"; +import { Badge } from "@/components/ui/badge"; +import { Card, CardContent } from "@/components/ui/card"; +import { Briefcase, MapPin, DollarSign, Clock, ArrowRight } from "lucide-react"; +import { useNavigate } from "react-router-dom"; + +export default function DevLinkJobs() { + const navigate = useNavigate(); + + const jobs = [ + { + title: "Senior Roblox Developer", + company: "Studio XYZ", + type: "Full-time", + location: "Remote", + salary: "$120K - $150K/yr", + description: "Lead development on flagship title with 100K+ players", + skills: ["Roblox", "Lua", "Leadership"], + }, + { + title: "Game Designer", + company: "Creative Games Inc", + type: "Contract", + location: "Remote", + salary: "$80/hr", + description: "Design gameplay systems for new multiplayer game", + skills: ["Game Design", "Roblox", "Balancing"], + }, + { + title: "UI/UX Designer", + company: "Pixel Studios", + type: "Part-time", + location: "Remote", + salary: "$50/hr", + description: "Create beautiful interfaces for mobile game", + skills: ["UI Design", "Roblox", "User Research"], + }, + { + title: "Backend Engineer", + company: "GameTech Corp", + type: "Full-time", + location: "Hybrid", + salary: "$130K - $170K/yr", + description: "Build scalable backend systems for multiplayer platform", + skills: ["Backend", "Systems Design", "Databases"], + }, + { + title: "Audio Engineer", + company: "Sound Studios", + type: "Contract", + location: "Remote", + salary: "$75/hr", + description: "Compose and implement audio for 5-game project", + skills: ["Audio Design", "Music Composition", "SFX"], + }, + { + title: "QA Tester", + company: "Quality First Games", + type: "Full-time", + location: "Remote", + salary: "$60K - $80K/yr", + description: "Comprehensive testing on multiplayer platform", + skills: ["QA", "Testing", "Roblox"], + }, + ]; + + return ( + +
+
+
+
+
+
+ +
+
+
+ + +

+ Job Board +

+

+ Find your next opportunity in the Roblox ecosystem. Full-time, part-time, and contract roles available. +

+
+
+ +
+
+
+ {jobs.map((job, idx) => ( + + +
+
+

+ {job.title} +

+

+ {job.company} +

+

+ {job.description} +

+
+ +
+
+ + {job.type} + + + + {job.location} + +
+ +
+ + {job.salary} +
+ +
+ {job.skills.map((skill, i) => ( + + {skill} + + ))} +
+ + +
+
+ + + ))} +
+
+
+ +
+
+

+ Hiring? Post a Job +

+

+ Reach 50K+ talented Roblox developers. +

+ +
+
+
+
+ + ); +} diff --git a/client/pages/devlink/DevLinkProfiles.tsx b/client/pages/devlink/DevLinkProfiles.tsx new file mode 100644 index 00000000..b5a0f2c0 --- /dev/null +++ b/client/pages/devlink/DevLinkProfiles.tsx @@ -0,0 +1,187 @@ +import Layout from "@/components/Layout"; +import { Button } from "@/components/ui/button"; +import { Badge } from "@/components/ui/badge"; +import { Card, CardContent } from "@/components/ui/card"; +import { Search, Star, Users, ArrowRight, Github } from "lucide-react"; +import { useNavigate, useState } from "react-router-dom"; + +export default function DevLinkProfiles() { + const navigate = useNavigate(); + const [searchQuery, setSearchQuery] = useState(""); + + const developers = [ + { + name: "Alex Rivera", + title: "Roblox Game Developer", + skills: ["Roblox", "Lua", "Game Design"], + portfolio: "3 games shipped", + rating: 4.9, + available: true, + }, + { + name: "Jordan Chen", + title: "Full Stack Developer", + skills: ["Roblox", "TypeScript", "Backend"], + portfolio: "5 projects", + rating: 4.8, + available: true, + }, + { + name: "Sam Taylor", + title: "UI/UX Designer", + skills: ["Game UI", "Roblox", "Design"], + portfolio: "10+ designs", + rating: 4.7, + available: false, + }, + { + name: "Morgan Lee", + title: "Audio Engineer", + skills: ["Game Audio", "Music", "Sound Design"], + portfolio: "15+ games", + rating: 4.9, + available: true, + }, + { + name: "Casey Williams", + title: "Technical Lead", + skills: ["Architecture", "Roblox", "Leadership"], + portfolio: "Lead on 20+ games", + rating: 5.0, + available: false, + }, + { + name: "Riley Martinez", + title: "Gameplay Programmer", + skills: ["Game Logic", "Roblox", "C++"], + portfolio: "8 shipped titles", + rating: 4.8, + available: true, + }, + ]; + + return ( + +
+
+
+
+
+
+ +
+
+
+ + +

+ Developer Directory +

+

+ Find and connect with talented Roblox developers, browse portfolios, and discover collaboration opportunities. +

+
+
+ +
+
+
+ + setSearchQuery(e.target.value)} + placeholder="Search by name, skill, or role..." + className="w-full pl-12 pr-4 py-3 bg-cyan-950/40 border border-cyan-400/30 rounded-lg text-cyan-300 placeholder-cyan-400/50 focus:outline-none focus:border-cyan-400/60" + /> +
+
+
+ +
+
+
+ {developers.map((dev, idx) => ( + + +
+
+ {dev.name.split(" ").map(n => n[0]).join("")} +
+ {dev.available && ( + + Available + + )} +
+ +

+ {dev.name} +

+

+ {dev.title} +

+ +
+ {dev.skills.map((skill, i) => ( + + {skill} + + ))} +
+ +
+
+ {dev.portfolio} + + + {dev.rating} + +
+ +
+ + + ))} +
+
+
+ +
+
+

+ Create Your Profile +

+

+ Showcase your work and connect with other developers. +

+ +
+
+
+
+ + ); +}