Your Placement Journey, Organised.
A mobile-first career-readiness workspace for managing applications, placement milestones, job portals, resumes, certificates and professional information — all in one place.
Live App · Showcase · Architecture · Run Locally
Placement preparation rarely happens in one place.
Applications live in spreadsheets. Interview dates sit in calendars. Resumes and certificates are scattered across folders. Job portals become browser bookmarks, while deadlines and tasks end up in notes.
VeyloPrep brings that fragmented workflow into one structured career workspace.
Built for college students preparing for internships and placements, VeyloPrep provides a central place to track opportunities, manage upcoming milestones, organise career resources and maintain a reusable professional profile.
Get a clear view of your placement journey, upcoming priorities and application progress from one home screen.
Track opportunities through the complete application journey — from applying to assessments, interviews and offers.
Keep interviews, assessments, deadlines and other placement activities visible and organised.
Keep frequently used job portals and career resources accessible from one organised hub, with support for custom portals.
Maintain the information and documents repeatedly needed throughout internship and placement applications.
Organise resumes, certificates and professional links so important career assets remain easy to access.
| Area | Capabilities |
|---|---|
| Career Dashboard | Placement overview, application progress and current priorities |
| Application Tracker | Application records, stage tracking, details and notes |
| Milestones | Interviews, assessments, deadlines and upcoming placement activities |
| Job Hub | Organised job-portal directory with custom portal management |
| Career Vault | Career profile, education details and reusable professional information |
| Resume Management | Multiple resume versions and default resume selection |
| Certificates | Certificate and document organisation |
| Professional Links | LinkedIn, GitHub, portfolio and other reusable links |
| Profile & Settings | Personal information, profile editing and appearance preferences |
| Authentication | User authentication and persistent account-based data |
| Cross-Platform | Responsive web app, installable PWA and Android app through Capacitor |
A short walkthrough of the core VeyloPrep experience:
Dashboard → Applications → Today → Job Hub → Career Vault
VeyloPrep uses a shared React + TypeScript application across its web and mobile experiences.
The application communicates with Supabase for authentication and persistent PostgreSQL-backed data. The web application is deployed through Vercel, while Capacitor packages the same application for Android.
| Layer | Technology |
|---|---|
| Frontend | React 19 |
| Language | TypeScript 5.8 |
| Build Tool | Vite 6 |
| Backend / BaaS | Supabase |
| Database | PostgreSQL |
| Authentication | Supabase Auth |
| Styling | Custom CSS |
| Mobile | Capacitor 8 |
| PWA | Progressive Web App |
| Deployment | Vercel |
| Package Manager | npm |
VeyloPrep uses a shared React and TypeScript codebase across the web application, installable PWA and Android application, reducing duplicated platform logic while maintaining a mobile-first experience.
Major product areas are separated under src/features/, keeping dashboard, tracking, milestones, jobs and vault functionality independently organised.
Supabase provides authentication and persistent PostgreSQL-backed storage so career information and placement activity remain associated with the authenticated user.
The interface is designed around mobile workflows with bottom navigation, responsive layouts and interaction patterns suited to frequent day-to-day placement tracking.
Capacitor bridges the web application into an Android project, allowing the same product to run as an installable Android application while preserving the shared application codebase.
VeyloPrep/
├── src/
│ ├── App.tsx
│ ├── main.tsx
│ │
│ ├── config/
│ │ ├── assets.ts
│ │ └── constants.ts
│ │
│ ├── features/
│ │ ├── dashboard/
│ │ ├── tracker/
│ │ ├── deadlines/
│ │ ├── jobs/
│ │ └── vault/
│ │
│ ├── providers/
│ │ ├── navigation.provider.tsx
│ │ └── theme.provider.tsx
│ │
│ └── repositories/
│
├── android/
├── assets/
│
├── showcase/
│ ├── hero/
│ ├── screenshots/
│ └── demo/
│
├── docs/
│ └── architecture/
│
├── .env.example
├── capacitor.config.ts
├── package.json
├── vite.config.ts
└── README.md
- Node.js 20+
- npm
- Supabase project
- Android Studio for Android development
git clone <YOUR-GITHUB-REPOSITORY-URL>
cd VeyloPrepnpm installCreate a local .env file:
VITE_SUPABASE_URL=
VITE_SUPABASE_ANON_KEY=
VITE_APP_URL=http://localhost:3010Keep environment files containing real project values out of version control.
npm run devnpm run buildnpm run previewVeyloPrep uses Capacitor to package the application for Android.
Build the web application and synchronise it with the Android project:
npm run build
npx cap sync android
npx cap open androidThis opens the native Android project in Android Studio for building and testing.
| Variable | Purpose |
|---|---|
VITE_SUPABASE_URL |
Supabase project URL |
VITE_SUPABASE_ANON_KEY |
Client-side Supabase anonymous key |
VITE_APP_URL |
Application base URL |
Environment-specific values should be configured locally or through the deployment platform rather than committed to the repository.
| Platform | Status |
|---|---|
| Web | Available |
| PWA | Available |
| Android | Available through Capacitor |
| iOS | Development / Testing |
- Career Dashboard
- Application Tracker
- Today & Milestones
- Job Hub
- Career Vault
- Resume management
- Certificate management
- Professional links
- Authentication
- Persistent user data
- Progressive Web App
- Capacitor Android integration
- Continue improving the mobile experience
- Expand placement workflow capabilities
- Continue iOS development and testing
Ayush Singh
Creator and developer of VeyloPrep.
No open-source license has been selected for VeyloPrep yet.