{"id":26120702,"url":"https://github.com/arfazrll/snbtin","last_synced_at":"2026-04-09T20:02:28.804Z","repository":{"id":281369234,"uuid":"945070899","full_name":"Arfazrll/SNBTIn","owner":"Arfazrll","description":"SNBTIn - Platform e-learning terdepan untuk persiapan SNBT bagi siswa SMA di Indonesia, membantu siswa meraih impian kuliah di PTN terbaik.","archived":false,"fork":false,"pushed_at":"2025-06-17T09:36:57.000Z","size":3214,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-17T10:35:39.665Z","etag":null,"topics":["elearning-platform","frontend","nextjs","reactjs","typescript"],"latest_commit_sha":null,"homepage":"https://snbtin.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Arfazrll.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-03-08T15:38:28.000Z","updated_at":"2025-06-17T09:36:54.000Z","dependencies_parsed_at":"2025-06-17T10:37:14.784Z","dependency_job_id":null,"html_url":"https://github.com/Arfazrll/SNBTIn","commit_stats":null,"previous_names":["arfazrll/utbkin","arfazrll/snbtin"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Arfazrll/SNBTIn","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Arfazrll%2FSNBTIn","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Arfazrll%2FSNBTIn/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Arfazrll%2FSNBTIn/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Arfazrll%2FSNBTIn/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Arfazrll","download_url":"https://codeload.github.com/Arfazrll/SNBTIn/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Arfazrll%2FSNBTIn/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279190529,"owners_count":26122924,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-16T02:00:06.019Z","response_time":53,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["elearning-platform","frontend","nextjs","reactjs","typescript"],"created_at":"2025-03-10T13:43:51.904Z","updated_at":"2025-10-16T12:19:10.705Z","avatar_url":"https://github.com/Arfazrll.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🎓 SNBTIn - Platform Persiapan SNBT 2025\n\u003cdiv align=\"center\"\u003e\n\n\n\n[![Next.js](https://img.shields.io/badge/Next.js-13.4.19-black?style=for-the-badge\u0026logo=next.js)](https://nextjs.org/)\n[![TypeScript](https://img.shields.io/badge/TypeScript-5.1.6-blue?style=for-the-badge\u0026logo=typescript)](https://www.typescriptlang.org/)\n[![React](https://img.shields.io/badge/React-18.2.0-61DAFB?style=for-the-badge\u0026logo=react)](https://reactjs.org/)\n\n\u003cp align=\"center\"\u003e\n  \u003cstrong\u003ePlatform e-learning #1 di Indonesia untuk persiapan SNBT bagi siswa SMA\u003c/strong\u003e\u003cbr\u003e\n  Membantu siswa meraih impian masuk perguruan tinggi negeri terbaik dengan percaya diri dan hasil maksimal\n\u003c/p\u003e\n\u003c/div\u003e\n\n---\n\n## 📋 Table of Contents\n- [🌟 Overview](#-overview)\n- [✨ Key Features](#-key-features)\n- [🛠️ Tech Stack](#️-tech-stack)\n- [🚀 Project Structure](#-project-structure)\n- [⚙️ Installation \u0026 Setup](#️-installation--setup)\n- [🔧 Development](#-development)\n- [📱 Pages Overview](#-pages-overview)\n- [🧩 Components](#-components)\n- [🎨 UI Components](#-ui-components)\n- [🪝 Custom Hooks](#-custom-hooks)\n- [🔄 Effects \u0026 Animations](#-effects--animations)\n- [📊 Platform Statistics](#-platform-statistics)\n- [🔗 API References](#-api-references)\n- [🧪 Testing](#-testing)\n- [🔒 Environment Variables](#-environment-variables)\n- [🚢 Deployment](#-deployment)\n- [👥 Team](#-team)\n- [📞 Contact](#-contact)\n- [📝 License](#-license)\n\n---\n\n## 🌟 Overview\n**SNBTIn** adalah platform persiapan SNBT (Seleksi Nasional Berbasis Tes) terpercaya yang dirancang khusus untuk siswa SMA di Indonesia. Platform ini menyediakan ekosistem pembelajaran komprehensif dengan materi berkualitas, latihan soal, forum diskusi, dan fitur-fitur interaktif yang membantu siswa mempersiapkan diri secara optimal untuk SNBT guna melanjutkan pendidikan ke perguruan tinggi negeri impian mereka.\n\n\u003cdetails\u003e\n\u003csummary\u003e📈 Statistik Platform\u003c/summary\u003e\n\n- **10,000+** Siswa Aktif\n- **85%** Tingkat Kelulusan Siswa\n- **98%** Kemiripan Soal dengan SNBT\n- **10,000+** Latihan Soal Tersedia\n- **4.8/5** Rating Rata-rata\n\u003c/details\u003e\n\n---\n\n## ✨ Key Features\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003ch3\u003e📚 Materi Lengkap\u003c/h3\u003e\n      \u003cp\u003eMateri pembelajaran komprehensif untuk semua mata pelajaran SNBT dengan format video, PDF, dan dokumen interaktif.\u003c/p\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003ch3\u003e🎥 Video Interaktif\u003c/h3\u003e\n      \u003cp\u003ePembelajaran melalui video dengan penjelasan detail dari pengajar berpengalaman yang mudah dipahami.\u003c/p\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003ch3\u003e📝 Latihan Soal\u003c/h3\u003e\n      \u003cp\u003eRibuan latihan soal dengan pembahasan detail dan analisis kesalahan untuk membantu meningkatkan kemampuan.\u003c/p\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003ch3\u003e💬 Forum Diskusi\u003c/h3\u003e\n      \u003cp\u003eWadah untuk bertanya, berdiskusi, dan mendapatkan jawaban dari pengajar maupun sesama siswa.\u003c/p\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003ch3\u003e📊 Analisis Kemampuan\u003c/h3\u003e\n      \u003cp\u003ePantau perkembangan belajar dengan dashboard analisis performa detail dan rekomendasi materi.\u003c/p\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003ch3\u003e🎯 Tryout Berkala\u003c/h3\u003e\n      \u003cp\u003eSimulasi SNBT secara berkala dengan soal-soal terbaru untuk mengukur kesiapan menghadapi ujian sesungguhnya.\u003c/p\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003ch3\u003e🌙 Dark/Light Mode\u003c/h3\u003e\n      \u003cp\u003eFitur tampilan gelap/terang untuk kenyamanan belajar di berbagai kondisi pencahayaan.\u003c/p\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003ch3\u003e📱 Responsive Design\u003c/h3\u003e\n      \u003cp\u003eTampilan responsif yang optimal di berbagai perangkat, dari desktop hingga smartphone.\u003c/p\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n---\n\n## 🛠️ Tech Stack\n\u003cdetails open\u003e\n\u003csummary\u003e\u003cb\u003eFrontend\u003c/b\u003e\u003c/summary\u003e\n\n- **Framework**: [Next.js](https://nextjs.org/) (v13.4.19)\n- **Language**: [TypeScript](https://www.typescriptlang.org/) (v5.1.6)\n- **UI Library**: [React](https://reactjs.org/) (v18.2.0)\n- **Styling**: \n  - CSS Modules\n  - [Tailwind CSS](https://tailwindcss.com/) (inferring from structure)\n- **State Management**: React Context API + Custom Hooks\n- **Animation Libraries**:\n  - Custom CSS Animations\n  - [Framer Motion](https://www.framer.com/motion/) (inferred)\n- **3D Visualization**: [Three.js](https://threejs.org/) (inferred from ThreeDModel component)\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003eBackend (inferred)\u003c/b\u003e\u003c/summary\u003e\n\n- **API Routes**: Next.js API Routes\n- **Database**: Not specified (possibly MongoDB or PostgreSQL)\n- **Authentication**: Next.js Authentication (inferred from login page)\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003eDevOps \u0026 Tools\u003c/b\u003e\u003c/summary\u003e\n\n- **Linting**: ESLint (eslint.config.mjs)\n- **Code Formatting**: Prettier (inferred)\n- **Version Control**: Git\n- **Package Manager**: npm\n\u003c/details\u003e\n\n---\n\n## 🚀 Project Structure\n```\nSNBTIn/\n├── .next/                      # Next.js build output\n├── node_modules/               # Dependencies\n├── public/                     # Static assets\n├── src/                        # Source code\n│   ├── components/             # React components\n│   │   ├── effects/            # Visual effects components\n│   │   │   ├── AnimatedWaveBackground.tsx\n│   │   │   ├── DynamicHeroBackground.tsx\n│   │   │   ├── FloatingElements.tsx\n│   │   │   ├── ParallaxHero.tsx\n│   │   │   ├── ParticlesBackground.tsx\n│   │   │   └── ThreeDModel.tsx\n│   │   ├── home/               # Homepage specific components\n│   │   │   ├── CTASection.tsx\n│   │   │   ├── FeatureCard.tsx\n│   │   │   ├── FeaturesSection.tsx\n│   │   │   ├── HeroSection.tsx\n│   │   │   ├── TestimonialCard.tsx\n│   │   │   └── TestimonialsSection.tsx\n│   │   ├── layout/             # Layout components\n│   │   │   ├── DarkModeToggle.tsx\n│   │   │   ├── Footer.tsx\n│   │   │   ├── Layout.tsx\n│   │   │   └── Navbar.tsx\n│   │   ├── profile/            # Profile page components\n│   │   │   ├── TeamMemberCard.tsx\n│   │   │   └── TeamSection.tsx\n│   │   └── ui/                 # Reusable UI components\n│   │       ├── Alert.tsx\n│   │       ├── Badge.tsx\n│   │       ├── Button.tsx\n│   │       ├── Card.tsx\n│   │       └── Modal.tsx\n│   ├── hooks/                  # Custom React hooks\n│   │   ├── useLocalStorage.js\n│   │   ├── useMediaQuery.js\n│   │   └── useScrollAnimation.js\n│   ├── pages/                  # Next.js pages\n│   │   ├── api/                # API routes\n│   │   │   └── hello.js\n│   │   ├── _app.tsx            # Custom App component\n│   │   ├── _document.tsx       # Custom Document\n│   │   ├── forum-diskusi.tsx   # Forum diskusi page\n│   │   ├── index.tsx           # Homepage\n│   │   ├── kelas-online.tsx    # Online classes page\n│   │   ├── login.tsx           # Login page\n│   │   ├── materi.tsx          # Materials page\n│   │   ├── profil-saya.tsx     # User profile page\n│   │   └── profil.tsx          # Team profile page\n│   ├── styles/                 # Global styles\n│   │   ├── animations.css      # Animation styles\n│   │   └── globals.css         # Global CSS\n│   └── utils/                  # Utility functions\n│       └── data.js             # Static data\n├── .gitignore                  # Git ignore rules\n├── eslint.config.mjs           # ESLint configuration\n├── jsconfig.json               # JavaScript configuration\n├── LICENSE                     # License file\n├── next-env.d.ts               # Next.js TypeScript declarations\n├── next.config.js              # Next.js configuration\n├── package-lock.json           # Package lock file\n├── package.json                # Project dependencies\n├── postcss.config.js           # PostCSS configuration\n└── README.md                   # Project documentation\n```\n\n---\n\n## ⚙️ Installation \u0026 Setup\nIkuti langkah-langkah berikut untuk menginstall dan menjalankan SNBTIn secara lokal:\n\n### Prerequisites\n- [Node.js](https://nodejs.org/en/) (v14.0.0 or higher)\n- [npm](https://www.npmjs.com/) (v6.0.0 or higher)\n- [Git](https://git-scm.com/)\n\n### Installation\n1. Clone repository\n```bash\ngit clone https://github.com/yourusername/SNBTIn.git\n```\n\n2. Pindah ke direktori project\n```bash\ncd SNBTIn\n```\n\n3. Install dependencies\n```bash\nnpm install\n```\n\n4. Run development server\n```bash\nnpm run dev\n```\n\n5. Buka [http://localhost:3000](http://localhost:3000) di browser Anda\n\n---\n\n## 🔧 Development\n\n### Scripts yang Tersedia\n- `npm run dev` - Menjalankan development server\n- `npm run build` - Membangun aplikasi untuk production\n- `npm start` - Menjalankan aplikasi yang sudah di-build\n- `npm run lint` - Menjalankan ESLint untuk memeriksa kode\n- `npm run format` - Memformat kode dengan Prettier (inferred)\n- `npm run test` - Menjalankan unit tests (inferred)\n\n### Kode Struktur dan Konvensi\n- **Components**: Komponen React di-organize berdasarkan fitur/halaman\n- **Pages**: Mengikuti routing Next.js berbasis file\n- **Hooks**: Custom hooks untuk logic yang dapat digunakan kembali\n- **Styling**: CSS Modules untuk styling komponen\n\n---\n\n## 📱 Pages Overview\n\n| Page | Deskripsi | Path |\n|------|-----------|------|\n| **Homepage** | Landing page utama dengan hero section, fitur, dan testimonial. | `/` |\n| **Kelas Online** | Halaman untuk menjelajahi kelas SNBT yang tersedia. | `/kelas-online` |\n| **Materi** | Halaman untuk mengakses berbagai materi pembelajaran SNBT. | `/materi` |\n| **Forum Diskusi** | Platform diskusi interaktif untuk siswa dan pengajar. | `/forum-diskusi` |\n| **Profil Tim** | Informasi tentang tim pengembang SNBTIn. | `/profil` |\n| **Login** | Halaman untuk login ke platform. | `/login` |\n| **Profil Saya** | Halaman profil pengguna setelah login. | `/profil-saya` |\n\n---\n\n## 🧩 Components\nSNBTIn dibangun dengan struktur komponen modular untuk memudahkan pengembangan dan maintenance.\n\n### Components Features\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003eHome Components\u003c/b\u003e\u003c/summary\u003e\n\n- **HeroSection.tsx**: Section utama di halaman beranda dengan headline, subheadline, dan CTA\n- **FeaturesSection.tsx**: Section yang menampilkan fitur-fitur utama platform\n- **FeatureCard.tsx**: Card untuk menampilkan fitur individual dengan icon dan deskripsi\n- **TestimonialsSection.tsx**: Section yang menampilkan testimoni dari siswa\n- **TestimonialCard.tsx**: Card untuk menampilkan testimoni individual dengan foto dan quote\n- **CTASection.tsx**: Call-to-Action section untuk mengajak pengguna mendaftar\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003eLayout Components\u003c/b\u003e\u003c/summary\u003e\n\n- **Layout.tsx**: Wrapper component untuk layout keseluruhan\n- **Navbar.tsx**: Navigation bar responsif dengan logo dan menu links\n- **Footer.tsx**: Footer section dengan links, kontak, dan copyright\n- **DarkModeToggle.tsx**: Toggle switch untuk beralih antara mode terang dan gelap\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003eProfile Components\u003c/b\u003e\u003c/summary\u003e\n\n- **TeamSection.tsx**: Section yang menampilkan anggota tim pengembang\n- **TeamMemberCard.tsx**: Card untuk menampilkan profil anggota tim dengan foto dan informasi\n\u003c/details\u003e\n\n---\n\n## 🎨 UI Components\nKomponen UI yang dapat digunakan kembali di seluruh aplikasi.\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003eUI Building Blocks\u003c/b\u003e\u003c/summary\u003e\n\n- **Button.tsx**: Komponen button dengan variasi style dan ukuran\n- **Card.tsx**: Container card universal untuk berbagai konten\n- **Alert.tsx**: Komponen notifikasi untuk info, warning, dan error messages\n- **Badge.tsx**: Label kecil untuk status, kategori, atau tag\n- **Modal.tsx**: Dialog popup untuk konfirmasi atau form input\n\u003c/details\u003e\n\n---\n\n## 🪝 Custom Hooks\nCustom hooks untuk logic yang digunakan kembali di komponen-komponen berbeda.\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003eAvailable Hooks\u003c/b\u003e\u003c/summary\u003e\n\n- **useLocalStorage.js**: Hook untuk menyimpan dan mengambil data dari localStorage\n- **useMediaQuery.js**: Hook untuk responsive design dan media queries\n- **useScrollAnimation.js**: Hook untuk animasi berbasis scroll\n\u003c/details\u003e\n\n---\n\n## 🔄 Effects \u0026 Animations\nKomponen visual effects untuk meningkatkan UX dan estetika platform.\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003eEffects Components\u003c/b\u003e\u003c/summary\u003e\n\n- **AnimatedWaveBackground.tsx**: Latar belakang dengan animasi gelombang\n- **DynamicHeroBackground.tsx**: Background yang dinamis untuk hero section\n- **FloatingElements.tsx**: Elemen-elemen yang bergerak mengambang\n- **ParallaxHero.tsx**: Efek parallax untuk hero section\n- **ParticlesBackground.tsx**: Latar belakang dengan efek partikel\n- **ThreeDModel.tsx**: Integrasi model 3D dengan Three.js\n\u003c/details\u003e\n\n---\n\n## 📊 Platform Statistics\nBeberapa data tentang platform SNBTIn:\n\n\u003cdiv align=\"center\"\u003e\n\n| Metrik | Nilai |\n|--------|-------|\n| Siswa Aktif | 10,000+ |\n| Tingkat Kelulusan | 85% |\n| Kemiripan SNBT | 98% |\n| Soal Latihan | 10,000+ |\n| Rating | 4.8/5 |\n| Mata Pelajaran | 12+ |\n| Pengajar Berpengalaman | 50+ |\n\n\u003c/div\u003e\n\n---\n\n## 🔗 API References\nDokumentasi API untuk interaksi dengan backend (inferred).\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003eAPI Endpoints\u003c/b\u003e\u003c/summary\u003e\n\n- **GET /api/hello**: Endpoint test sederhana\n- **GET /api/materi**: Mendapatkan daftar materi pembelajaran\n- **GET /api/kelas**: Mendapatkan daftar kelas online\n- **GET /api/forum**: Mendapatkan daftar topik diskusi\n- **GET /api/user/profile**: Mendapatkan data profil pengguna\n- **POST /api/auth/login**: Endpoint untuk login\n- **POST /api/auth/register**: Endpoint untuk registrasi\n\u003c/details\u003e\n\n---\n\n## 🧪 Testing\nStrategi dan tools untuk testing aplikasi (inferred).\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003eTesting Strategy\u003c/b\u003e\u003c/summary\u003e\n\n- **Unit Testing**: Testing komponen individual\n- **Integration Testing**: Testing interaksi antar komponen\n- **E2E Testing**: Testing pengalaman pengguna secara keseluruhan\n\u003c/details\u003e\n\n---\n\n## 🔒 Environment Variables\nKonfigurasi environment yang dibutuhkan untuk menjalankan aplikasi (inferred).\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003eRequired Environment Variables\u003c/b\u003e\u003c/summary\u003e\n\n```\n# API\nNEXT_PUBLIC_API_URL=\n\n# Authentication\nNEXTAUTH_URL=\nNEXTAUTH_SECRET=\n\n# Database\nDATABASE_URL=\n\n# Features Flags\nNEXT_PUBLIC_ENABLE_ANALYTICS=\n```\n\u003c/details\u003e\n\n---\n\n## 🚢 Deployment\nPanduan untuk deployment aplikasi (inferred).\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cb\u003eDeployment Options\u003c/b\u003e\u003c/summary\u003e\n\n- **Vercel**: Deployment terintegrasi dengan GitHub\n- **Netlify**: Alternatif deployment dengan continuous integration\n- **Self-hosted**: Deployment manual dengan Node.js server\n\u003c/details\u003e\n\n---\n\n## 👥 Team\nTim pengembang SNBTIn yang berdedikasi:\n\n\u003cdiv align=\"center\"\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cb\u003eSyahril Arfian Almazril\u003c/b\u003e\u003cbr /\u003e\n      \u003csmall\u003eFront End \u0026 UI/UX\u003c/small\u003e\u003cbr /\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cb\u003eMaulana Cahya Magista\u003c/b\u003e\u003cbr /\u003e\n      \u003csmall\u003eFront End \u0026 UI/UX\u003c/small\u003e\u003cbr /\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cb\u003eStephani Maria Sianturi\u003c/b\u003e\u003cbr /\u003e\n      \u003csmall\u003eFront End \u0026 UI/UX\u003c/small\u003e\u003cbr /\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003cb\u003eRafiy Fasha Purnomo Putra\u003c/b\u003e\u003cbr /\u003e\n      \u003csmall\u003eFront End \u0026 UI/UX\u003c/small\u003e\u003cbr /\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\u003c/div\u003e\n\n---\n\n## 📞 Contact\n\u003cdiv align=\"center\"\u003e\n\n📧 **Email**: info@snbtprep.id  \n📞 **Telepon**: +62 812-3456-789  \n📍 **Alamat**: Jl. Bandung bubat no 28  \n\n[![Instagram](https://img.shields.io/badge/Instagram-E4405F?style=for-the-badge\u0026logo=instagram\u0026logoColor=white)](https://instagram.com/snbtin)\n[![YouTube](https://img.shields.io/badge/YouTube-FF0000?style=for-the-badge\u0026logo=youtube\u0026logoColor=white)](https://youtube.com/snbtin)\n[![Twitter](https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge\u0026logo=twitter\u0026logoColor=white)](https://twitter.com/snbtin)\n[![Facebook](https://img.shields.io/badge/Facebook-1877F2?style=for-the-badge\u0026logo=facebook\u0026logoColor=white)](https://facebook.com/snbtin)\n\n\u003c/div\u003e\n\n---\n\n## 📝 License\n\u003cdiv align=\"center\"\u003e\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n© 2025 SNBTIn. Hak Cipta Dilindungi.\n\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farfazrll%2Fsnbtin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farfazrll%2Fsnbtin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farfazrll%2Fsnbtin/lists"}