React App

PortfolioAdminSite

Developer Portofolio with Experience and Skills, Projects, Certificates and Contact me, all section and pages and creare an admin panel to add/create/modify skills, experience, projects, certificates, info contact and all do you need

DOWNLOAD SOURCE BROWSE THE CODE

src/utils/seedData.ts

import type { PortfolioData } from '../types/portfolio';

export function seedPortfolioData(): PortfolioData {
  return {
    hero: {
      title: 'Frontend Developer',
      subtitle: 'React • TypeScript • UI Engineering',
      bio: 'I build fast, accessible, and polished web experiences with a strong focus on clean design and maintainable code.'
    },
    contact: {
      fullName: 'Alex Carter',
      email: '[email protected]',
      phone: '+1 (555) 123-4567',
      location: 'Remote, USA',
      summary: 'Open to freelance, contract, and full-time opportunities.'
    },
    skills: [
      { id: 'skill-1', name: 'React', category: 'Frontend', level: 95, description: 'Component architecture, hooks, routing, and state management.' },
      { id: 'skill-2', name: 'TypeScript', category: 'Language', level: 92, description: 'Strong typing for scalable and maintainable applications.' },
      { id: 'skill-3', name: 'UI Design', category: 'Design', level: 85, description: 'Responsive interfaces with attention to consistency and usability.' },
      { id: 'skill-4', name: 'Performance', category: 'Engineering', level: 88, description: 'Optimization, lazy loading, and rendering efficiency.' }
    ],
    experience: [
      {
        id: 'exp-1',
        company: 'Nova Studio',
        role: 'Senior Frontend Developer',
        startDate: '2022',
        endDate: 'Present',
        location: 'Remote',
        description: 'Led the development of client-facing dashboards, design systems, and interactive experiences.'
      },
      {
        id: 'exp-2',
        company: 'Bright Apps',
        role: 'Frontend Developer',
        startDate: '2019',
        endDate: '2022',
        location: 'Milan, Italy',
        description: 'Built responsive product pages, internal tools, and reusable UI components.'
      }
    ],
    projects: [
      {
        id: 'proj-1',
        name: 'TaskFlow',
        description: 'A productivity app for managing personal and team tasks.',
        stack: ['React', 'TypeScript', 'API'],
        liveUrl: '#',
        sourceUrl: '#'
      },
      {
        id: 'proj-2',
        name: 'Finance Dashboard',
        description: 'Analytics dashboard with real-time charts and KPI cards.',
        stack: ['React', 'Charts', 'TypeScript'],
        liveUrl: '#',
        sourceUrl: '#'
      }
    ],