Overview
Showcase is a slide-based interactive portfolio built with React + Impress.js.
The app is designed to present certifications, trainings, and projects with a smooth 3D navigation experience.
The Tech Stack
This project was built using:
- React + TypeScript for the core application
- Impress.js for 3D slide transitions
- TailwindCSS for utility-first styling
- Custom Toolbar + MiniMap for navigation controls
Features
- 🎞️ 3D Slide Navigation powered by Impress.js
- ⚡ Autoplay Mode with pause/resume toggle
- 🗺️ MiniMap View to quickly jump between slides
- 🌓 Light & Dark Themes with persistent setting
- 📑 Showcase Certificates & Projects in an interactive layout
Implementation Highlights
- Integrated Impress.js with React for dynamic slides.
- Added Toolbar controls for navigation, overview, theme switch, and autoplay.
- Implemented Autoplay on load with notification.
- Created a flexible slideIds.ts + projectsData.ts for easy content management.
Future Enhancements
- 🖼️ Add support for image galleries inside slides
- 🔄 Smooth slide transition animations
- 📱 Full mobile optimization
Conclusion
Showcase provides an engaging way to present professional achievements.
It’s more than a portfolio — it’s a presentation tool that highlights growth and skills interactively.
🔗 Try it here: Live App
🛠️ View the code on GitHub
Thanks for checking out this project!
