Profil perusahaan digital untuk KARYAVISUAL, agensi kreatif yang dibangun dengan React + TailwindCSS + Zustand + Formik dan Yup.
Website profil perusahaan yang menampilkan layanan, tim, dan portofolio KARYAVISUAL. Dibangun dengan teknologi modern menggunakan React, TypeScript, dan TailwindCSS.
Untuk mengakses fitur admin blog, gunakan kredensial berikut:
- Email: [email protected]
- Password: test
Setelah login, Anda dapat mengakses halaman Create Blog untuk membuat artikel baru.
- Responsive Design: Tampil sempurna di semua perangkat
- Multi-page Layout: Home, About, Services, Team, Blog
- Interactive Components: Carousel, navigation, dan formulir
- Blog Management System: Dengan fitur create dan read blog post
- Authentication: Sistem login untuk admin blog
- Modern UI/UX: Menggunakan TailwindCSS untuk desain yang menarik
- Frontend: React + TypeScript
- Styling: TailwindCSS
- Routing: React Router
- State Management: Zustand
- Form Handling: Formik + Yup
- UI Components: TailwindCSS
- Build Tool: Vite
src/
├── components/ # Komponen UI reusable
│ ├── homepage/ # Komponen khusus halaman home
│ └── ui/ # Komponen UI dasar
├── pages/ # Halaman utama website
├── store/ # Manajemen state global
├── assets/ # Gambar dan aset statis
├── lib/ # Utility functions
└── App.tsx # Root aplikasi
- Home (
/) - Landing page utama - About (
/about) - Tentang perusahaan dan sejarah - Services (
/services) - Layanan yang ditawarkan - Team (
/teams) - Profil tim kreatif - Blog (
/blogs) - Daftar artikel blog - Create Blog (
/create-blog) - Form pembuatan blog (admin only) - Login (
/login) - Halaman autentikasi admin
- Clone repository ini:
git clone <repository-url>- Install dependencies:
npm install
# atau
yarn install- Jalankan development server:
npm run dev
# atau
yarn dev- Build untuk produksi:
npm run build
# atau
yarn build- Semua data blog disimpan di localStorage
- Sistem autentikasi menggunakan state management
- Data tim diambil dari API eksternal (randomuser.me)