PresentationPro is an AI-powered web application that helps users improve public speaking by analyzing uploaded presentation videos. It provides visual feedback on various presentation skills like confidence, eye contact, body language, and facial expressions.
- 📹 Upload your presentation videos
- ⚙️ AI-based evaluation (mocked/real)
- 📊 Progress bars for:
- Confidence
- Eye Contact
- Body Language
- Facial Expressions
- 🎨 Color-coded scores:
- ✅ Green (80%+)
- 🟡 Yellow (65–79%)
- 🔴 Red (<65%)
- ⌛ Real-time analysis status: Processing, Completed, Failed
- 📚 Learning Center & Help Links
- 🎨 Responsive UI built with Tailwind CSS
- Frontend: React, TypeScript, Tailwind CSS, Vite
- Backend: Node.js, Express, TypeScript
- Icons: Remix Icons
- Other Tools: tsx, Vite for bundling and fast refresh
PresentationPro/
│
├── client/ # Frontend source
│ ├── components/ # UI components
│ ├── pages/ # Routes like Home/Upload
│ └── App.tsx # Router entry
│
├── server/ # Express backend
│ └── index.ts # API routes & upload handling
│
├── shared/ # Shared types/schemas
│ └── schema.ts
│
├── public/ # Static assets
├── package.json # Scripts and dependencies
└── vite.config.ts # Vite config
- Node.js (v16+)
- npm or yarn
- VS Code
# Step 1: Clone the project
git clone https://github.com/yourusername/presentationpro.git
cd presentationpro
# Step 2: Install dependencies
npm install
# Step 3: Start the dev server
npm run devOpen browser at http://localhost:5000
- Start the server with
npm run dev - Go to
http://localhost:5000 - Upload a video of your presentation
- Wait for analysis to complete
- View performance scores with color-coded bars
| Issue | Solution |
|---|---|
| 🔄 External link error | Use window.open('https://freecodecamp.org/learn') instead of <Link> for external sites |
| 🚫 No progress bar | Ensure scores are numbers. Use score ?? 0 for fallback |
| 🟡 Only yellow bar showing | Check the getProgressColor() logic — make sure all scores pass correct thresholds |
| 🖼 Remix icons not showing | Verify remixicon is installed or CDN included |
- Speech tone, pace, and volume analysis
- Report download (PDF)
- User login & dashboard
- Real-time presentation feedback
- History tracking
Want to help improve this project?
- Fork the repo
- Create a feature branch
- Commit and push changes
- Open a pull request
MIT License
- Developer: Your Name
- GitHub: @yourusername
- Email: your.email@example.com