An open API service indexing awesome lists of open source software.

https://github.com/saifiimuhammad/screenly

AI-powered feedback to land interviews faster.
https://github.com/saifiimuhammad/screenly

ai challenge dev-to gemini gemini-api kendo-react nodejs reactjs resume-analyzer tailwindcss

Last synced: about 2 months ago
JSON representation

AI-powered feedback to land interviews faster.

Awesome Lists containing this project

README

          

# πŸ’Ž Screenly – AI-Powered Resume Analyzer

_Submission for the [KendoReact Free Components Challenge](https://dev.to/challenges/kendoreact-2025-09-10)_

πŸ‘‰ **Live Demo:** [screenly.ai](https://ai-resume-analyzer-na44.onrender.com/)

---

## ✨ 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cdx68lhfxs8e0dk76td5.png) | ![Demo 2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xpqd8j0p5fkzmk0rxue7.png) | ![Demo 3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cx4z9y6pd94djw7tm8rx.png) | ![Demo 4](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3o55gqq9ab3y2ja6mh0z.png) |

---

## πŸ›  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**:

```bash
# 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`

```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");
});
```

```bash
# 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

- πŸ“‚ **GitHub Repo:** [github.com/saifiimuhammad/screenly](https://github.com/saifiimuhammad/screenly)
- 🌐 **Live Demo:** [screenly.ai](https://ai-resume-analyzer-na44.onrender.com/)

---

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