This project is the front-end for Qualifai, including an applicant screening flow for the platform. It includes the experience of applying for a job, uploading documents, and going through a AI-driven conversational assessment.
Live Demo: https://qualifai-one.vercel.app/
- View sample job postings.
- Interactive application flow with multiple stages:
- Pre-screening information (time estimate, privacy).
- Document upload interface (resume, cover letter, links).
- AI-driven conversational assessment.
- Final submission confirmation.
- Smooth page transitions using Framer Motion.
- Clean UI built with Next.js (App Router) and shadcn/ui.
- Pages for "My Applications", "Profile", and "Settings".
- Text and voice input conversation for the chat, powered by VAPI AI.
- Framework: Next.js 15+ (App Router)
- UI: React, Tailwind CSS, shadcn/ui
- Voice AI: VAPI AI
- Animation: Framer Motion
- Language: TypeScript
- Deployment: Vercel
To run this project locally:
-
Clone the repository:
git clone https://github.com/NoahLloyd/Qualifai.git cd Qualifai -
Install dependencies:
npm install # or # yarn install # or # pnpm install # or # bun install
-
(Optional) Configure VAPI: If implementing VAPI integration, set up necessary API keys/environment variables (details would go here).
-
Run the development server:
npm run dev # or # yarn dev # or # pnpm dev # or # bun dev
-
Open your browser: Navigate to http://localhost:3000
- The conversational AI flow follows a defined path for demonstration purposes.
- Ensure necessary environment variables are configured if running locally with full voice features:
NEXT_PUBLIC_VAPI_KEY: Your VAPI API keyNEXT_PUBLIC_VAPI_ASSISTANT_ID: Your VAPI assistant ID
- Create a
.env.localfile in the root directory with these variables to enable voice features.
Aino, Oliver, Noah