Sync-Student Collaboration Platform

A modern, visually stunning collaboration platform for students built with Next.js 14, Aceternity UI components, and Three.js for immersive 3D experiences.

🌐 Live Demo

Experience the platform live: Sync-Student Demo

✨ Features

• Real-time Whiteboard Collaboration - Brainstorm and sketch ideas together
• Video Meetings - Connect face-to-face with seamless video conferencing
• Assignment Collaboration - Streamline assignment workflows efficiently
• Interactive 3D Environment - Immersive space-themed background using Three.js
• Responsive Design - Seamless experience across all device sizes

🚀 Tech Stack

• Framework: Next.js 14
• Styling: Tailwind CSS
• UI Components: Aceternity UI
• 3D Visualization: Three.js
• Animation: Framer Motion
• Real-time Collaboration: Liveblocks
• Authentication: Firebase Auth
• Database: Firestore
• Storage: AWS S3

📷 Screenshots

🛠️ Getting Started

Prerequisites

• Node.js 18+
• npm or yarn

Installation

1. Clone the repository

   git clone https://github.com/Ak-Rajak/Aceternity-ui.git
   cd Aceternity-ui

2. Install dependencies

   npm install

3. Run the development server

   npm run dev

4. Open http://localhost:3000 in your browser

Building for Production

npm run build
npm start

🧠 Key Platform Modules

Our collaboration platform offers several key modules:

• Whiteboard - Digital canvas with real-time collaboration
• Video Conferencing - High-quality video meetings with screen sharing
• Assignment Manager - Create, submit, and grade assignments
• File Sharing - Secure document storage and sharing
• Study Groups - Create and manage collaborative study groups
• Calendar Integration - Schedule meetings and set reminders
• Notification System - Stay updated with activities and deadlines

🎨 UI Components

The project showcases several stunning visual components from the Aceternity UI library:

• 3D Cards
• Animated Tooltips
• Background Beams
• Background Gradients
• Card Hover Effects
• Infinite Moving Cards
• Moving Borders
• Navbar Menu
• Sparkles Effects
• Spotlight Effects
• Sticky Scroll Reveal
• Wavy Backgrounds

📋 Project Structure

/
├── public/           # Static assets
│   ├── 3d/           # 3D textures and models for Three.js
│   ├── pics/         # Team member photos
│   └── courses/      # Feature illustrations
├── src/
│   ├── app/          # Next.js app router pages
│   │   ├── contact/  # Contact page
│   │   ├── courses/  # Course listings
│   │   ├── login/    # Authentication
│   │   └── signup/   # User registration
│   ├── components/   # React components
│   │   ├── ui/       # Reusable UI components from Aceternity
│   │   └── ...       # Page-specific components
│   ├── data/         # JSON data files
│   └── utils/        # Utility functions
└── ...

👥 Development Team

The Sync-Student platform was developed by:

• Atul Kumar Rajak - Full-stack Developer & Project Lead
• Dhiraj Gupta - Frontend Developer & UI/UX Designer
• Preeti Ranjan - Backend Developer & Authentication Specialist
• Satyajyoti Mohanty - Cloud Infrastructure & DevOps

📄 License

This project is licensed under the MIT License.

🙏 Acknowledgements

• Aceternity UI for the beautiful UI components
• Three.js for 3D graphics capabilities
• Next.js team for the excellent framework
• Tailwind CSS for the utility-first CSS framework
• Liveblocks for real-time collaboration features
• Firebase for authentication and database
• AWS for cloud infrastructure and storage

🔗 Connect & Contribute

• Report Issues: GitHub Issues
• Feature Requests: GitHub Discussions
• Contact: support@sync-student.com

---

Developed with ❤️ by D-SPARK