🌐 KD's Portfolio Website
A fully responsive and professional personal portfolio website built using HTML, CSS, JavaScript, and Flask showcasing skills, projects, and a downloadable resume with a clean and modern UI.
🚀 Features
- 🌟 Hero section with animated introduction
- 📚 Projects section with featured projects and GitHub links
- 🛠️ Skills section grouped by category
- 📄 Resume link available for download
- 📞 Contact form with email functionality (using FormSubmit or simple backend script)
- 🌙 Light/Dark mode toggle for theme switching
- 🖥️ Responsive design optimized for all screen sizes
🧩 Tech Stack
- Frontend: HTML5, CSS3, JavaScript (Vanilla JS)
- Animations: AOS (Animate on Scroll)
- Icons: Custom SVGs or embedded images
- Backend: Flask
- Deployment: Render/Vercel
📁 Folder Structure
├── index.html # Main HTML file
├── style.css # Stylesheet
├── script.js # JavaScript file for interactivity
├── app.py # Python script to inject user data
├── assets/ # Images and icons
│ └── ...
└── README.md
🛠️ Setup Instructions
-
Clone the repository
bash git clone https://github.com/kishandev2509/portfolio.git cd portfolio
-
Modify Information
Open
app.py
and update the fields (such as name, email, GitHub links, etc.) to personalize your portfolio data. -
Add GitHub Token
Set your GitHub token as an environment variable for the script to fetch data from your GitHub account. For example:
bash
export GITHUB_TOKEN=your_token_here
- Open the project
Simply open project in code editor.
-
(Optional) Deploy using Render/Vercel
-
Push your code to GitHub
- Connect your repo to Render/Vercel
- Deploy using default
main.py
as entry point
🔗 Live Demo
🌍 Visit here: Portfolio Website on Render
🌍 Visit here: Portfolio Website on Vercel
🙋♂️ Author
Kishan Dev (KD)
📧 kishandevprajapati4@gmail.com
🔗 LinkedIn
💻 GitHub
"Combining tradition with innovation to build timeless web interfaces."