QBox - Anonymous Q&A App for Students

A modern, minimal, and user-friendly mobile app for anonymous Q&A sessions in educational settings.

Features

• 🎭 Anonymous Questions: Students can ask questions without revealing their identity
• 🏫 Room-based Sessions: Create or join specific classroom sessions
• 👍 Upvoting System: Highlight important questions through community engagement
• 🎓 Lecturer Moderation: Tools for approving, hiding, and managing questions
• 📊 Real-time Updates: See questions and answers in real-time
• 🔒 Privacy-focused: Built with student privacy as the core principle

Design Philosophy

• Clean, flat design with rounded corners
• Soft pastel color palette (blue/green primary colors)
• Large, readable typography for quick scanning
• Intuitive layouts optimized for both Android & iOS

Getting Started

Prerequisites

• Node.js 16+ and npm/yarn
• Expo CLI: npm install -g expo-cli
• For iOS: Xcode (Mac only)
• For Android: Android Studio

Installation

# Install dependencies
npm install

# Start the development server
npm start

# Run on Android
npm run android

# Run on iOS
npm run ios

Project Structure

QBox/
├── src/
│   ├── screens/          # All app screens
│   ├── components/       # Reusable UI components
│   ├── navigation/       # Navigation configuration
│   ├── theme/           # Colors, typography, spacing
│   ├── utils/           # Helper functions
│   └── assets/          # Images, icons, fonts
├── App.js               # Main app entry point
└── package.json

Screens

1. Onboarding - Welcome screen with app introduction
2. Login/SignUp - Authentication for lecturers
3. Forgot Password - Password reset flow
4. My Rooms - Lecturer dashboard with past rooms
5. Join Room - Students enter room code to join
6. Create Room - Lecturer creates new Q&A room with visibility settings
7. Room Feed - Main screen showing questions with filters
8. Ask Question - Submit anonymous questions
9. Lecturer Panel - Moderation tools for instructors
10. Settings - User preferences and account management

Tech Stack

• React Native with Expo SDK 54
• React Navigation 6.x for routing
• React Native Safe Area Context for device compatibility
• Expo Clipboard for copy functionality
• Vector Icons for modern iconography

License

MIT