+
+
+
+
+
+
+
+
+
@@ -127,20 +167,11 @@ const ResumeDashboard = () => {
-
diff --git a/apps/registry/app/[username]/timeline/Timeline.js b/apps/registry/app/[username]/timeline/Timeline.js
index 8f6aff8..92d4368 100644
--- a/apps/registry/app/[username]/timeline/Timeline.js
+++ b/apps/registry/app/[username]/timeline/Timeline.js
@@ -37,7 +37,7 @@ const SimpleVerticalTimeline = ({ resume }) => {
const opposite = side === 'left' ? 'right' : 'left';
return (
-
+
{work.name}
@@ -45,7 +45,7 @@ const SimpleVerticalTimeline = ({ resume }) => {
+
{work.position}
{work.summary}
diff --git a/apps/registry/app/explore2/page.js b/apps/registry/app/explore2/page.js
new file mode 100644
index 0000000..8ed0a1e
--- /dev/null
+++ b/apps/registry/app/explore2/page.js
@@ -0,0 +1,231 @@
+'use client';
+
+import React, { useEffect, useState } from 'react';
+import axios from 'axios';
+import Link from 'next/link';
+import { motion } from 'framer-motion';
+import { Input } from '@repo/ui/components/ui/input';
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardHeader,
+ CardTitle,
+} from '@repo/ui/components/ui/card';
+import {
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from '@repo/ui/components/ui/select';
+import { ScrollArea } from '@repo/ui/components/ui/scroll-area';
+import { Loader2 } from 'lucide-react';
+
+const formatLocation = (location) => {
+ if (!location) return 'Location not provided';
+ const {
+ postalCode = '',
+ city = '',
+ region = '',
+ countryCode = '',
+ } = location;
+ const locationParts = [city, region, postalCode, countryCode].filter(
+ (part) => part.trim() !== ''
+ );
+ return locationParts.length === 0
+ ? 'Location not provided'
+ : locationParts.join(', ');
+};
+
+const Resumes = () => {
+ const [data, setData] = useState([]);
+ const [nameFilter, setNameFilter] = useState('');
+ const [locationFilter, setLocationFilter] = useState('');
+ const [positionFilter, setPositionFilter] = useState('');
+ const [filteredResumes, setFilteredResumes] = useState([]);
+ const [loading, setLoading] = useState(true);
+ const [uniqueLocations, setUniqueLocations] = useState([]);
+ const [uniquePositions, setUniquePositions] = useState([]);
+
+ useEffect(() => {
+ const fetchData = async () => {
+ try {
+ const response = await axios.get('/api/resumes?limit=500');
+ setData(response.data);
+ setLoading(false);
+
+ // Extract unique locations and positions
+ const locations = new Set(
+ response.data.map((resume) => formatLocation(resume.location))
+ );
+ setUniqueLocations(Array.from(locations));
+
+ const positions = new Set(
+ response.data.flatMap((resume) =>
+ resume.work ? resume.work.map((w) => w.position) : []
+ )
+ );
+ setUniquePositions(Array.from(positions));
+ } catch (error) {
+ console.error('Error fetching data: ', error);
+ setLoading(false);
+ }
+ };
+
+ fetchData();
+ }, []);
+
+ useEffect(() => {
+ setFilteredResumes(
+ data.filter((resume) => {
+ const nameMatch = resume?.name
+ ?.toLowerCase()
+ .includes(nameFilter.toLowerCase());
+ const locationMatch =
+ locationFilter === '' ||
+ formatLocation(resume.location)
+ .toLowerCase()
+ .includes(locationFilter.toLowerCase());
+ const positionMatch =
+ positionFilter === '' ||
+ (resume.work &&
+ resume.work.some((w) =>
+ w.position.toLowerCase().includes(positionFilter.toLowerCase())
+ ));
+ return nameMatch && locationMatch && positionMatch;
+ })
+ );
+ }, [nameFilter, locationFilter, positionFilter, data]);
+
+ if (loading) {
+ return (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+
+
+
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+export { Checkbox };
diff --git a/packages/ui/src/components/ui/input.tsx b/packages/ui/src/components/ui/input.tsx
new file mode 100644
index 0000000..3288c0e
--- /dev/null
+++ b/packages/ui/src/components/ui/input.tsx
@@ -0,0 +1,25 @@
+import * as React from 'react';
+
+import { cn } from '@repo/ui/lib/utils';
+
+export interface InputProps
+ extends React.InputHTMLAttributes {}
+
+const Input = React.forwardRef(
+ ({ className, type, ...props }, ref) => {
+ return (
+
+ );
+ }
+);
+Input.displayName = 'Input';
+
+export { Input };
diff --git a/packages/ui/src/components/ui/select.tsx b/packages/ui/src/components/ui/select.tsx
new file mode 100644
index 0000000..b60c6c2
--- /dev/null
+++ b/packages/ui/src/components/ui/select.tsx
@@ -0,0 +1,160 @@
+'use client';
+
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { Check, ChevronDown, ChevronUp } from 'lucide-react';
+
+import { cn } from '@repo/ui/lib/utils';
+
+const Select = SelectPrimitive.Root;
+
+const SelectGroup = SelectPrimitive.Group;
+
+const SelectValue = SelectPrimitive.Value;
+
+const SelectTrigger = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, children, ...props }, ref) => (
+ span]:line-clamp-1',
+ className
+ )}
+ {...props}
+ >
+ {children}
+
+
+
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+
+const SelectScrollUpButton = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+
+const SelectScrollDownButton = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+
+));
+SelectScrollDownButton.displayName =
+ SelectPrimitive.ScrollDownButton.displayName;
+
+const SelectContent = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, children, position = 'popper', ...props }, ref) => (
+
+
+
+ {children}
+
+
+
+));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+
+const SelectLabel = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, children, ...props }, ref) => (
+
+
+
+
+
+
+ {children}
+
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+
+const SelectSeparator = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(
+ (
+ { className, orientation = 'horizontal', decorative = true, ...props },
+ ref
+ ) => (
+
{resume.basics?.summary}
+
- {ResumeData.topSkillCategories.map((skill, index) => (
-
- {skill}
-
- ))}
-
+ {work.summary}
+
+ );
+ }
+
+ return (
+
+ {/* Sidebar */}
+
+ );
+};
+
+export default Resumes;
diff --git a/packages/ui/package.json b/packages/ui/package.json
index babe58c..17a86f5 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -22,8 +22,11 @@
"dependencies": {
"@radix-ui/react-accordion": "^1.2.0",
"@radix-ui/react-avatar": "^1.0.4",
+ "@radix-ui/react-checkbox": "^1.1.1",
"@radix-ui/react-progress": "^1.1.0",
"@radix-ui/react-scroll-area": "^1.1.0",
+ "@radix-ui/react-select": "^2.1.1",
+ "@radix-ui/react-separator": "^1.1.0",
"@radix-ui/react-slot": "^1.0.2",
"@radix-ui/react-tabs": "^1.1.0",
"class-variance-authority": "^0.7.0",
diff --git a/packages/ui/src/components/ui/checkbox.tsx b/packages/ui/src/components/ui/checkbox.tsx
new file mode 100644
index 0000000..91c2692
--- /dev/null
+++ b/packages/ui/src/components/ui/checkbox.tsx
@@ -0,0 +1,30 @@
+'use client';
+
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { Check } from 'lucide-react';
+
+import { cn } from '@repo/ui/lib/utils';
+
+const Checkbox = React.forwardRef<
+ React.ElementRef
+
+
+ Filters
+
+
+
+
+
+
+ {/* Main content */}
+
+
+
+
+ setNameFilter(e.target.value)}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {filteredResumes.map((resume, index) => (
+
+
+
+
+ {resume.name}
+
+ {formatLocation(resume.location)}
+
+
+
+
+
+
+
+ ))}
+
+
+ 
+
+
+ {resume.work && resume.work[0] && (
+
+ + {resume.work[0].position} at{' '} + {resume.work[0].company} +
+ )} +