Steply is an innovative AI-driven career matching platform designed specifically for students and recent graduates. Our mission is to revolutionize the job search experience by using advanced AI algorithms to match candidates with opportunities that truly fit their skills, aspirations, and career goals.

This project was developed during Tech Builders Program on Devpost as a solution to the challenge of inefficient career matching in the education-to-employment transition. We identified that traditional job boards overwhelm students with irrelevant listings, while recruiters struggle to find qualified candidates.

• Intelligent Profile Analysis: Analyzes user skills, academic background, and career goals
• Dynamic Opportunity Scoring: Uses machine learning to score opportunities based on multiple factors
• Real-time Recommendations: Continuously learns from user interactions to improve matches

• Responsive Web Application: Optimized for desktop, tablet, and mobile devices
• Progressive Web App (PWA): Installable on mobile devices for native-like experience
• Cross-browser Compatibility: Works seamlessly across all modern browsers

• For Students: Personalized dashboard with AI-matched opportunities
• For Recruiters: Easy posting interface with targeted reach to qualified candidates

• Deadline Alerts: Automatic notifications for application deadlines
• Match Notifications: Alerts when new high-match opportunities are posted
• Customizable Preferences: Users can control notification frequency and types

• React 18 with modern hooks and functional components
• Vite for fast development and optimized production builds
• Tailwind CSS for utility-first styling
• Radix UI for accessible, customizable components
• Framer Motion for smooth animations and transitions

• React Query (TanStack Query) for server state management
• Local Storage for client-side persistence
• Custom Auth Service with Google OAuth integration
• Mock API Layer simulating backend services

• Custom Scoring Algorithm: Multi-factor analysis including:
  • Skills matching (technical & soft skills)
  • Academic level compatibility
  • Geographic preferences
  • Career stage alignment
• Machine Learning Integration: Ready for backend ML model integration

• Secure Authentication: Google OAuth 2.0 integration
• Data Privacy: Local storage with user consent
• Performance Optimization: Code splitting, lazy loading, and caching
• Accessibility: WCAG 2.1 AA compliant interface

1. Authentication: Google OAuth or email registration
2. Profile Creation: Multi-step form collecting:
   • Personal information
   • Academic background
   • Skills assessment
   • Career goals
   • Optional CV upload
3. AI Matching: Immediate opportunity recommendations

1. Dashboard: Personalized opportunity feed
2. Application Tracking: Save and apply to opportunities
3. Notifications: Stay updated on deadlines and new matches
4. Profile Management: Update skills and preferences

1. Opportunity Posting: Rich form with AI assistance
2. Candidate Discovery: Access to qualified student profiles
3. Application Management: Track and manage applications

• Primary: Indigo (#4f46e5) - Trust and professionalism
• Secondary: Neutral grays - Clean and modern
• Accent: Emerald (#10b981) - Success and growth
• Warning: Amber (#f59e0b) - Attention and urgency

• Display Font: Custom font for headings
• Body Font: System font stack for optimal performance
• Hierarchy: Clear typographic scale (14px to 32px)

• Form Components: Accessible inputs, selects, and validation
• Navigation: Responsive sidebar and mobile bottom nav
• Cards: Opportunity cards with rich metadata
• Notifications: Toast system and in-app alerts

• Node.js 18+
• npm or yarn
• Git

# Clone the repository
git clone [repository-url]
cd steply

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

VITE_GOOGLE_CLIENT_ID=your_google_client_id

Note: cette version utilise un backend mock local. Les variables VITE_BASE44_APP_ID et VITE_BASE44_APP_BASE_URL ne sont pas nécessaires tant que vous n’utilisez pas un vrai app Base44.

• Vercel: Connect GitHub repo, automatic deployments
• Netlify: Drag-and-drop or Git integration
• Cloudflare Pages: Global CDN with edge computing

npm run build
# Deploy the dist/ folder to your hosting provider

• Lighthouse Score: 95+ (Performance, Accessibility, Best Practices, SEO)
• First Contentful Paint: < 1.5s
• Largest Contentful Paint: < 2.5s
• Cumulative Layout Shift: < 0.1

• Time to Interactive: < 3s
• Bundle Size: < 200KB gzipped
• Runtime Performance: 60fps animations

• Component testing with React Testing Library
• Utility function testing
• API mock testing

• User flow testing
• Form submission testing
• Authentication flow testing

• Critical user journeys
• Cross-browser compatibility
• Mobile responsiveness

• OAuth 2.0 with Google
• Secure token management
• Session persistence

• Client-side data encryption
• GDPR compliance ready
• Privacy-first design

• Input validation and sanitization
• Rate limiting preparation
• CORS configuration

Our proprietary matching engine considers:

• Skills Compatibility: Technical and soft skills alignment
• Career Stage: Academic level and experience matching
• Geographic Fit: Location preferences and remote work options
• Opportunity Type: Scholarship, internship, job, hackathon categorization

• Progressive Disclosure: Information revealed contextually
• Smart Defaults: AI-suggested form completions
• Contextual Help: Inline guidance and tooltips

• Offline-First Design: Core functionality works without internet
• Real-time Sync: Instant updates across devices
• Performance Optimization: Sub-second load times

• Core matching platform
• Multi-device responsive design
• Basic notification system

• Advanced AI model integration
• Recruiter dashboard enhancement
• Mobile app development

• Analytics and insights dashboard
• Advanced filtering and search
• Integration with job boards APIs

• Frontend Developer: React, UI/UX implementation
• AI Engineer: Matching algorithm development
• UX Designer: User experience and interface design
• Product Manager: Feature planning and user research

• Frontend: React, Vite, Tailwind CSS, Radix UI
• AI/ML: Custom scoring algorithms
• Authentication: Google OAuth
• Deployment: Modern static hosting platforms

This project is licensed under the MIT License. See the LICENSE file for details.

• Henry-Joel Denkey: Backend Developer
• Abdoul-Rachid BAWA: FrontEnd Developer

For questions about this project or technical implementation details, please refer to the codebase documentation or contact the development team.

Built with ❤️ for students and recent graduates worldwide

Docs & Support

Documentation: https://docs.base44.com/Integrations/Using-GitHub

Support: https://app.base44.com/support