π― A modern, AI-powered web application that helps students find their perfect internship opportunities using advanced artificial intelligence
π Live Demo β’ π Documentation β’ π Quick Start β’ π€ Contributing
|
|
|
|
| Frontend | Styling | Animation | Icons | Build Tool |
|---|---|---|---|---|
 |
 |
 |
 |
 |
# π¦ Clone the repository
git clone https://github.com/sunbyte16/Al-Based-Internship-Recommendation-Engine.git
# π Navigate to project directory
cd Al-Based-Internship-Recommendation-Engine
# π§ Install dependencies
npm install
# π Start development server
npm run dev
# π Open in browser
# Navigate to http://localhost:5173# π¦ Build the project
npm run build
# π Preview production build
npm run previewgraph LR
A[π Landing Page] --> B[π Sign Up/Sign In]
B --> C[π€ Complete Profile]
C --> D[π Fill Recommendation Form]
D --> E[π€ AI Processing]
E --> F[π View Results]
F --> G[πΌ Apply to Internships]
style A fill:#e3f2fd
style B fill:#f3e5f5
style C fill:#e8eaf6
style D fill:#e0f2f1
style E fill:#fff3e0
style F fill:#e8f5e9
style G fill:#fce4ec
- β New Users: Sign up with first name, last name, email, and password
- π Existing Users: Sign in with email and password
- πΎ Automatic Session: Users stay logged in across browser sessions
Complete your profile across 4 comprehensive sections:
- πΈ Personal Info: Basic details and profile picture
- π College Details: Academic information and graduation timeline
- π‘ Skills & Interests: Technical skills and career interests selection
- π Resume Upload: Professional resume attachment
- π Complete the recommendation form with academic year, skills, interests, and work preferences
- π€ AI algorithm processes profile data and generates personalized matches
- π View detailed recommendations with match scores and explanations
- π Browse filtered and sorted internship recommendations
- βοΈ Access profile settings and update information anytime
- πͺ Sign out securely when done
| Factor | Weight | Description |
|---|---|---|
| π οΈ Skills Matching | 40% | Matches student skills with internship requirements |
| π Academic Year | 20% | Ensures appropriate difficulty level |
| π‘ Interest Alignment | 25% | Matches interests with internship categories |
| π Work Preference | 15% | Considers location and work style preferences |
π Highly Recommended |
β Recommended |
|
β Significant Gaps |
| Page | Theme | Description |
|---|---|---|
| π Sign Up |  |
Light pink gradient with pink accents |
| π Sign In |  |
Violet gradient with purple accents |
| π€ Profile |  |
Professional dark blue styling |
| π Main App |  |
Dynamic blue-purple gradients |
- π Smooth page transitions with Framer Motion
- π±οΈ Hover effects on buttons and cards
- β Real-time form validation with error messages
- π Progress indicators and loading states
- π± Responsive design for all screen sizes
π InternAI/
βββ π src/
β βββ π components/
β β βββ π SignUp.jsx # User registration component
β β βββ π SignIn.jsx # User login component
β β βββ π€ Profile.jsx # Comprehensive profile management
β β βββ π StudentForm.jsx # Multi-step recommendation form
β β βββ π RecommendationResults.jsx # Results display with filtering
β β βββ π€ ChatBot.jsx # AI assistant chatbot
β β βββ π‘οΈ ErrorBoundary.jsx # Error handling component
β βββ π data/
β β βββ πΌ internships.js # Internship database and skills data
β βββ π utils/
β β βββ π§ recommendationEngine.js # AI matching algorithm
β β βββ π authService.js # Authentication service
β β βββ π± applicationService.js # Application management
β β βββ π― demoData.js # Demo data initialization
β βββ π App.jsx # Main application with routing
β βββ β‘ main.jsx # React entry point
β βββ π¨ index.css # Global styles and Tailwind config
βββ π index.html # HTML entry point
βββ βοΈ vite.config.js # Vite configuration
βββ π¨ tailwind.config.js # Tailwind CSS configuration
βββ π¦ package.json # Project dependencies
|
|
- π 4-Tab Interface: Personal, College, Skills, Resume
- πΈ Image Upload: Profile picture with preview
- π File Upload: Resume attachment with file info display
- π― Interactive Selection: Skills and interests with toggle functionality
- β‘ Real-time Editing: In-place editing with save/cancel options
Complete user authentication and data management |
Professional design with attention to detail |
Sophisticated recommendation algorithm |
Intuitive flow from registration to recommendations |
Well-structured codebase ready for expansion |
- π Visit the app - Redirected to Sign In page
- π Create Account - Sign up with your details
- π€ Complete Profile - Add college info, skills, interests, and resume
- π€ Get AI Recommendations - Fill out the matching form
- π View Results - Browse personalized internship matches powered by AI
- βοΈ Manage Account - Update profile or sign out
| Feature | Implementation | Security |
|---|---|---|
| πΎ Data Storage | localStorage-based | Client-side encryption ready |
| π Session Management | Persistent across browser sessions | Secure token handling |
| π€ Profile Data | Complete user profiles with all sections | Data validation & sanitization |
| π‘οΈ Privacy | No external dependencies | Local data control |
We welcome contributions from the community! π
- π΄ Fork the repository
- πΏ Create your feature branch (
git checkout -b feature/AmazingFeature) - πΎ Commit your changes (
git commit -m 'Add some AmazingFeature') - π€ Push to the branch (
git push origin feature/AmazingFeature) - π Open a Pull Request
- π Create an Issue
- π·οΈ Use appropriate labels
- π Provide detailed description
This project is licensed under the MIT License - see the LICENSE file for details
π Passionate Full-Stack Developer | π€ AI Enthusiast | π‘ Innovation Driven
Building the future, one line of code at a time β¨
#
