A modern, visually stunning, and high-performance community web portal designed for the AMC FOSS (Free and Open Source Software) club. This platform handles event management, participant tracking, and provides role-based spaces for community mentors and office bearers.
- Premium Landing Page: A responsive, feature-rich interface styled with customized cursors, visual scroll indicators, and animations.
- Real-time Event Countdowns: Live countdown timers for upcoming events dynamically pulled from the Firebase backend.
- Role-based Workspaces:
- Mentors: Space to guide contributors, assign tasks, and track execution.
- Office Bearers: Tools to manage the event lifecycle, monitor registrations, and post announcements.
- Responsive Performance: Highly-optimized scroll progress indicators and loader animations built with performance-first practices.
- Auth Integrations: Secure login/registration restricted to official college email domains.
- Frontend: React (v19)
- Animations: Framer Motion, AOS (Animate on Scroll)
- Styles: TailwindCSS, Vanilla CSS
- Database & Auth: Firebase (Authentication & Firestore)
Clone the repository and install the node dependencies:
npm installIn the project directory, you can run:
Runs the app in development mode.
Open http://localhost:3000 to view it in your browser.
Builds the app for production in the build/ folder. It bundles React in production mode and optimizes the build for the best performance.
src/foss.jsx— Core landing page component.src/components/— Shared UI elements (CustomCursor, Loader, AuthLayout, etc.).src/pages/— Main view pages includingLogin,Register,Events,SelectRole,MentorDashboard, andOfficeDashboard.src/context/— State providers for authentication and database services.src/firebase.js— Configuration setup for Firebase services.