osispace

bybinar maleeka

Create a modern mobile-first school organization app called "OSISPACE" for a junior high school in Indonesia. The app is designed for students and the student council (OSIS). MAIN PURPOSE: OSISPACE is a digital hub for school information, student achievements, OSIS updates, school events, and student suggestions. DESIGN: - Modern Gen Z aesthetic - Mobile-first UI - Dark mode - Main colors: black/dark charcoal, purple (#7C3AED), electric blue (#38BDF8), white - Clean, minimal, youthful, slightly futuristic - Rounded cards and buttons - Smooth modern interface - Make it feel like a real mobile app, not a school website - Use Indonesian language throughout the app BOTTOM NAVIGATION: 1. Home 2. School MVP 3. Events 4. Updates 5. Voice HOME: Show: - "Hi, Students 👋" - "Welcome to OSISPACE" - Featured School MVP card - Latest OSIS update - Upcoming event - Quick buttons for School MVP, Events, and Voice SCHOOL MVP: Create a monthly achievement recognition system. There are two categories: - Individual MVP: students who collect the most achievement points - Extracurricular MVP: extracurricular clubs/teams that contribute the most achievements to the school Achievement points are based on competition level and result. Example: - International 1st place: 100 points - National 1st place: 80 points - Provincial 1st place: 60 points - City/Regency 1st place: 40 points Lower placements receive proportionally fewer points. Show: - Current month's MVP - MVP nominees - Achievement points - Achievement history - Individual achievements - Extracurricular achievements Each MVP profile should show: - Name - Class - Photo - Achievement points - Competition achievements - Competition level - Month of MVP EVENTS: Show upcoming school events in cards. Each event should include: - Event name - Date - Time - Location - Description - Event poster - Status UPDATES: Show official OSIS updates. Examples: - School MVP announcement - Program progress - Completed programs - Upcoming activities Do NOT expose private OSIS information, internal discussions, private student data, or financial details. VOICE: Create a student suggestion/aspiration form. Students can submit: - Ideas - Facility suggestions - Event suggestions - Student activity suggestions - Other feedback Allow anonymous submissions. Do not publicly display the identity of students who submit feedback. ADMIN: Create a simple admin area for OSIS to: - Add/edit School MVP data - Add achievements - Add events - Add OSIS updates - Review student suggestions - Update suggestion status Use sample/demo data so the app looks complete immediately. Make the app responsive and optimized for smartphone screens.