Sistem Informasi Kesiapan Karir SMK
Selamat Datang di Sistem Informasi Kesiapan Karir
Kami membantu Anda menilai kesiapan karir dan memberikan rekomendasi yang sesuai.
import React, { useState, useEffect } from ‘react’;
import { Chart as ChartJS, ArcElement, Tooltip, Legend } from ‘chart.js’;
import { Pie } from ‘react-chartjs-2’;
import { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogAction } from ‘@/components/ui/alert-dialog’;
ChartJS.register(ArcElement, Tooltip, Legend);
const HomePage = () => {
const [showSurveyModal, setShowSurveyModal] = useState(false);
const [chartData, setChartData] = useState({
labels: [‘Akademik’, ‘Keterampilan Teknis’, ‘Soft Skills’, ‘Pengalaman Kerja’, ‘Jaringan Profesional’, ‘Perencanaan Karir’, ‘Kesiapan Mental’, ‘Pengetahuan Industri’],
datasets: [{
data: [8, 7, 6, 5, 4, 6, 7, 5],
backgroundColor: [
‘#FF6384’, ‘#36A2EB’, ‘#FFCE56’, ‘#4BC0C0’, ‘#9966FF’, ‘#FF9F40’, ‘#FF6384’, ‘#C9CBCF’
],
}]
});
useEffect(() => {
// Di sini Anda bisa menambahkan logika untuk memuat data dari backend
// Contoh: fetchDataFromBackend().then(data => setChartData(data));
}, []);
const handleStartSurvey = () => {
setShowSurveyModal(true);
// Di sini Anda bisa menambahkan logika untuk memulai survei
};
return (
Mulai Survei Kesiapan Karir
Anda akan memulai survei untuk menilai kesiapan karir Anda. Survei ini akan membantu kami memberikan rekomendasi yang sesuai dengan profil Anda.
setShowSurveyModal(false)}>Mulai
);
};
export default HomePage;