Submission for the KendoReact Free Components Challenge
π Live Demo: screenly.ai
Screenly is your AI-powered career sidekick. It helps job seekers and recruiters analyze resumes in seconds with:
β‘ ATS scoring β See how recruiter software reads your resume
β‘ Skill insights β Find gaps & strengths instantly
β‘ Job-fit recommendations β Understand how well you match a role
Powered by Googleβs Gemini AI, wrapped in a React + KendoReact UI, and backed by an Express server.
This isnβt just another projectβitβs a tool to win interviews.
- π Upload resumes in PDF/DOC
- π§ Smart ATS compatibility scoring
- π― Instant job-fit score with colorful progress bars
- π Skill gap analysis & actionable recommendations
- βοΈ Powered by sleek KendoReact components
- π± Fully responsive, fast, and modern
| Resume Upload | Export Options | Job Fit | Resume Review |
|---|---|---|---|
| Demo 1 | Demo 2 | Demo 3 | Demo 4 |
- Frontend: React + KendoReact
- Backend: Express.js
- AI Engine: Google Gemini API
- Hosting: Render
π Buttons β’ Icons β’ Animations β’ ProgressBar β’ Notifications β’ Typography β’ TextArea β’ Tabs β’ Badges β’ Card β’ Inputs
Set up Screenly on your machine in 5 minutes:
# 1οΈβ£ Clone the repo git clone https://github.com/saifiimuhammad/screenly.git cd screenly # 2οΈβ£ Install dependencies npm install
βοΈ Config tweak: Update server binding in /server/index.ts
// Change this: server.listen(port, "0.0.0.0", () => { console.log("Server running on http://0.0.0.0:5000"); }); // To this: server.listen(port, "localhost", () => { console.log("Server running on http://localhost:5000"); });
# 3οΈβ£ Add your environment variables # Create a .env file inside /server GEMINI_API_KEY=your_google_gemini_api_key # 4οΈβ£ Run the dev server (from project root) npm run dev # 5οΈβ£ Open in browser http://localhost:5000
This project was built faster, smarter, cleaner with AI tools:
- π§ͺ ChatGPT β research & brainstorming
- π§ Replit β created MVP 7 wireframe
- β‘ GitHub Copilot β faster component integration with KendoReact
- π¨ Iterated design β production-ready UI without the fluff
- π GitHub Repo: github.com/saifiimuhammad/screenly
- π Live Demo: screenly.ai
π₯ Screenly helps job seekers land interviews & recruiters save time.
If you vibe with it β smash that β on the repo!