The Next-Generation Unified Super-App for Students, Universities, Recruiters, and Global Tech Innovators.
| Environment | Status | URL |
|---|---|---|
| 🌐 GitHub Pages Live App | 🟢 ACTIVE | https://alwaysalearner1234.github.io/ProX_One/ |
| 💻 Local Dev Server | ⚡ RUNNING | http://localhost:5173/ |
| 🔥 Firebase Hosting | 🟡 CONFIGURED | https://prox-one-student.web.app |
| 📦 GitHub Repository | 📁 MAIN | https://github.com/alwaysalearner1234/ProX_One |
ProX One is a next-generation luxury SaaS platform designed specifically for the global student technology ecosystem. It combines the strongest elements of 7 industry-leading platforms into one unified super-app:
- LinkedIn: Professional networking, student portfolios, verified recruiter connections.
- GitHub: Project showcases, live commit heatmaps (1,840 commits), repository star metrics.
- Discord: Real-time student developer rooms and specialized tech channels (AI/ML, Web Dev, Cyber, Robotics).
- Coursera: Certified learning academy with progress trackers for AI Agents, Next.js 15, and System Design.
- Devpost: Global hackathon portal ($250k+ prize pools, live countdown timers, team matchers).
- Internshala: Verified internships and graduate tech roles at Google, OpenAI, Microsoft, NVIDIA, Meta, Apple, and Tesla.
- GenAI Career Mentorship: Automated ATS resume diagnostics (96/100 score), mock technical interview simulator, and personalized career roadmaps.
Inspired by Apple, Linear, Stripe, Notion, Vercel, and Arc Browser:
- Deep Space Dark Canvas: Rich base styling (
#0B0F19) with dynamic HTML5 Canvas particle background. - Multi-Layer Glassmorphism:
backdrop-filter: blur(24px) saturate(180%)frosted glass cards with 24px rounded corners. - Neon Glow Palette: Electric Blue (
#3B82F6), Hyper Violet (#8B5CF6), Neon Cyan (#06B6D4), Mint Emerald (#10B981), Cyber Pink (#EC4899), Golden Amber (#F59E0B). - 3D Micro-Interactions: Hover light-sweeps, smooth levitating 3D icon orbits, and glowing gradient borders.
| Feature | Legacy Platforms | ProX One Super-App |
|---|---|---|
| Unified Student Profile | ❌ Fragmented | ✅ All-in-One (Code + Resume + Certs + Rank) |
| AI Career Guidance | ❌ Basic / Static | ✅ Real-Time ATS Scanner & Mock Interview Simulator |
| Opportunities Map | ❌ Text Lists Only | ✅ Dark Leaflet.js Map with Custom Neon Pins |
| Community & Chat | ❌ Disconnected | ✅ Integrated Discord-style Dev Rooms |
| 1-Click Apply with Verified ATS Resume | ❌ Manual Forms | ✅ Instant 1-Click Recruiter Submissions |
| Design Quality | ❌ Generic | ✅ Luxury SaaS Dark Glassmorphism |
Every single navigation item is fully populated with rich interactive components:
- 🏠 Dashboard: Primary hub with 3D AI orbit, KPIs, AI Match cards, Leaflet map, portfolio suite, and community feed.
- 🌍 Discover: Open-source repository & research paper explorer.
- 🎯 Opportunities: Unified feed of research fellowships, startup grants, and YC incubator programs.
- 🏆 Hackathons: Devpost Hackathons Hub with prize pool breakdown ($250k+), live countdown clocks, and team finder.
- 💼 Internships: Verified tech roles at top tech companies with 1-click ATS application.
- 💼 Jobs: Full-time graduate & remote software engineering positions for 2026 graduates.
- 🎓 Colleges: Global university campus network (Stanford, MIT, Harvard, UC Berkeley, Oxford, ETH Zurich).
- 📚 Learning: Coursera & ProX Learning Academy with module progress trackers.
- 📂 Projects: Student project portfolio showcase with live GitHub stats.
- 🏅 Certificates: Verified digital badges with instant LinkedIn share.
- 🤖 AI Career Coach: AI Diagnostic Studio, ATS resume scanner, and mock technical interview simulator.
- 👥 Communities: Discord-style developer rooms for AI/ML, Web Dev, Cyber, Robotics, and Competitive Programming.
- 💬 Messages: Recruiter and mentor direct inbox with interactive chat window.
- 🎥 Live Events: Live streaming auditorium with viewer counters and tech talks.
- 🗓 Calendar: Ecosystem deadline & interview schedule grid.
- 📈 Analytics: Personal career telemetry, recruiter search visibility, and callback conversion rates.
- ❤️ Saved: Bookmarked opportunities, projects, and courses.
- ⚙ Settings: Account preferences, profile manager, and AI match sensitivity sliders.
- Frontend Engine: HTML5, Vanilla JavaScript (ES Modules), Custom CSS3 Glassmorphism Engine
- Build Tool: Vite 8.1
- Mapping: Leaflet.js with CartoDB Dark Matter tiles
- Authentication: Firebase Auth SDK v10 (Google SSO + Email/Password)
- Deployment: GitHub Pages (via GitHub Actions workflow
.github/workflows/deploy.yml) & Firebase Hosting - Typography & Icons: Google Fonts (Outfit & Plus Jakarta Sans) + FontAwesome 6
git clone https://github.com/alwaysalearner1234/ProX_One.git
cd ProX_One
npm installnpm run devOpen http://localhost:5173/ in your browser.
npm run buildDistributed under the MIT License. See LICENSE for details.
Designed & Built with ❤️ for Global Student Innovators.