SNBTIn - Platform Persiapan SNBT 2025

Platform e-learning #1 di Indonesia untuk persiapan SNBT bagi siswa SMA.

Mar 2025 – Apr 2025• Team: 4 Developers

About this Project

SNBTIn adalah platform persiapan SNBT (Seleksi Nasional Berbasis Tes) terpercaya yang dirancang khusus untuk siswa SMA di Indonesia. Menyediakan ekosistem pembelajaran komprehensif dengan materi berkualitas, latihan soal, forum diskusi, dan fitur-fitur interaktif yang membantu siswa mempersiapkan diri secara optimal. Dengan lebih dari 10,000 siswa aktif dan tingkat kelulusan 85%, platform ini menjadi solusi utama untuk menembus PTN impian.

Tech Stack

Next.js

TypeScript

React

Tailwind CSS

Tools Used

VS Code

GitHub

Figma

Vercel

Key Features

📚 Comprehensive Learning Ecosystem

▸Materi Lengkap: Full curriculum coverage for all SNBT subjects with videos, PDFs, and interactive docs.
▸Video Interaktif: High-quality video explanations from expert instructors.
▸Latihan Soal: Over 10,000 practice questions with detailed solutions and error analysis.

🎯 Exam Mastery & Analytics

▸Tryout Berkala: Regular simulation exams with latest question patterns.
▸Analisis Kemampuan: Detailed performance dashboard to track progress and weak points.
▸98% Similarity: Questions designed to closely mimic actual SNBT exams.

💻 Modern Tech Experience

▸Dark/Light Mode: Comfortable learning environment day or night.
▸Responsive Design: Optimized for desktop, tablet, and mobile learning.
▸Interactive Visuals: 3D models and animated backgrounds for engaging UX.

🤝 Community & Support

▸Forum Diskusi: Collaborative learning space for students and teachers.
▸Konsultasi: Direct access to instructors for difficult topics.
▸Leaderboard: Gamified progress tracking to motivate students.

Highlights

10,000+ Active Students

85% Pass Rate

98% Exam Similarity

Installation

Clone the Repository

git clone https://github.com/Arfazrll/SNBTIn.git
cd SNBTIn

Install Dependencies

npm install

Environmental Setup

NEXT_PUBLIC_API_URL=your_api_url
NEXTAUTH_URL=http://localhost:3000
DATABASE_URL=your_db_connection

Run Development Server

npm run dev

Challenges & Solutions

Challenge

Handling High-Concurrency Tryouts

Solution

Implemented serverless architecture with scalable database connections to handle thousands of concurrent users during national simulation events without latency.

Challenge

Real-time Analytics Processing

Solution

Utilized efficient data aggregation pipelines to provide instant feedback and detailed performance analytics immediately after exam submission.

Challenge

Interactive Content Delivery

Solution

Integrated a custom video player and PDF viewer with lazy loading and adaptive streaming to ensure smooth content delivery even on low-bandwidth connections.

Creative Portfolio Website

Terraflow Platform