Roshan Kumar Singh - Portfolio Website Development
Roshan Kumar Singh
Roshan Kumar Singh - Portfolio Website
A modern, premium developer portfolio showcasing my work as a MERN Stack Developer & AI Builder.
🌟 Live Demo
Visit my portfolio: https://roshan-portfolio-indol.vercel.app/
✨ Features
Modern UI/UX - Clean, professional design with smooth animations
Fully Responsive - Optimized for all devices (mobile, tablet, desktop)
Interactive Elements - Engaging user experience with Framer Motion
Command Palette - Quick navigation with
Ctrl/Cmd + KProject Showcase - Interactive project cards with live demos
Skills Visualization - Animated progress bars showing expertise
Certificates Section - Display professional certifications
Timeline - Journey and achievements visualization
Working Contact Form - Functional email integration
Social Integration - Direct links to GitHub, LinkedIn, Instagram
🛠️ Tech Stack
Frontend
React 19.2.4 - UI library
Vite 8.0.0 - Build tool & dev server
Tailwind CSS 3.4.1 - Utility-first styling
Animations & Effects
Framer Motion 12.36.0 - Smooth animations
React Three Fiber 9.5.0 - 3D graphics (optional)
@react-three/drei 10.7.7 - 3D helpers
GSAP 3.14.2 - Advanced animations
UI Components & Tools
Lucide React - Beautiful icons
cmdk - Command palette
Zustand - State management
FormSubmit.co - Contact form backend
🚀 Getting Started
Prerequisites
Node.js 18+
npm or yarn
Installation
Clone the repository
Install dependencies
Start development server
Open http://localhost:5173 in your browser
Build for Production
The optimized build will be in the
dist folder.Preview Production Build
📁 Project Structure
🎨 Color Palette
⌨️ Keyboard Shortcuts
Ctrl/Cmd + K - Open command paletteESC - Close command palette📱 Sections
Hero - Introduction with animated photo and golden gradient frame
About - Personal bio with feature highlights
Skills - Technical expertise (React, Node.js, Python, MongoDB, etc.)
Projects - Featured work including VAANI AI platform
Timeline - Journey and achievements (2023-2025)
Certificates - Professional certifications and courses
Contact - Working contact form with email integration
🎯 Featured Projects
VAANI - AI Civic Platform
Voice-first multilingual civic engagement platform
Tech: React, AI/ML, Voice API, NLP
HamariBeti
Women safety platform with Aadhaar verification and SOS alerts
Tech: React, Node.js, MongoDB, Aadhaar API
Portfolio Website
Modern developer portfolio with animations
Tech: React, Framer Motion, Tailwind CSS
🔗 Connect With Me
GitHub: @roshan-1205
LinkedIn: Roshan Kumar Singh
Instagram: @roshan_singh_1205
📧 Contact Form
The contact form is fully functional and uses FormSubmit.co for email delivery. Messages are sent directly to my email inbox.
First-time setup: The first submission will trigger a confirmation email. Click the link to activate the form permanently.
🎓 Skills
Frontend
React, JavaScript, HTML/CSS, Tailwind CSS
Backend
Node.js, MongoDB, Python, MySQL
Tools & Cloud
Git, AWS, Docker, VS Code
📄 License
This project is open source and available under the MIT License.
🙏 Acknowledgments
Design inspiration from modern portfolio websites
Icons by Lucide
Fonts by Google Fonts
Images hosted on Cloudinary
🚀 Deployment
This portfolio can be deployed on:
Vercel (Recommended) -
vercel deployNetlify - Drag & drop the
dist folderGitHub Pages - Configure gh-pages branch
Firebase Hosting -
firebase deployBuilt with ❤️ by Roshan Kumar Singh
⭐ Star this repo if you like it!
Like this project
Posted Mar 30, 2026
Developed a modern, responsive developer portfolio using React and Tailwind CSS.
Likes
0
Views
0
