Skip to content

🌐 Personal Portfolio Website A responsive and elegant personal portfolio built with HTML, CSS, and JavaScript, showcasing projects, skills, contact details, and GitHub activity. Designed for simplicity, clarity, and a professional online presence.

Notifications You must be signed in to change notification settings

kishandev2509/portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

83 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌐 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

  1. Clone the repository

    git clone https://github.com/kishandev2509/portfolio.git
    cd portfolio
  2. Modify Information

    Open app.py and update the fields (such as name, email, GitHub links, etc.) to personalize your portfolio data.

  3. Add GitHub Token

    Set your GitHub token as an environment variable for the script to fetch data from your GitHub account. For example:

    export GITHUB_TOKEN=your_token_here
  4. Open the project

    Simply open project in code editor.

  5. (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."

About

🌐 Personal Portfolio Website A responsive and elegant personal portfolio built with HTML, CSS, and JavaScript, showcasing projects, skills, contact details, and GitHub activity. Designed for simplicity, clarity, and a professional online presence.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •