Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

0xsaifdev/screenly

Repository files navigation

πŸ’Ž Screenly – AI-Powered Resume Analyzer

Submission for the KendoReact Free Components Challenge

πŸ‘‰ Live Demo: screenly.ai


✨ What is Screenly?

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.


πŸš€ Features at a Glance

  • πŸ“‚ 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

πŸŽ₯ Screenshots

Resume Upload Export Options Job Fit Resume Review
Demo 1 Demo 2 Demo 3 Demo 4

πŸ›  Tech Stack

  • Frontend: React + KendoReact
  • Backend: Express.js
  • AI Engine: Google Gemini API
  • Hosting: Render

🎨 KendoReact Components Used

πŸ’  Buttons β€’ Icons β€’ Animations β€’ ProgressBar β€’ Notifications β€’ Typography β€’ TextArea β€’ Tabs β€’ Badges β€’ Card β€’ Inputs


⚑ Quick Start (Run Locally)

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

πŸ€– AI-Assisted Build

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

πŸ”— Links


πŸ”₯ Screenly helps job seekers land interviews & recruiters save time.
If you vibe with it β†’ smash that ⭐ on the repo!

Releases

No releases published

Packages

Contributors

Languages

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /