Skip to content

prakhar7824/Portfolio-Website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚀 Personal Portfolio Website

A fast, responsive, and modern developer portfolio built with React + Vite, designed to showcase projects, skills, and experiences.

✨ Features

  • ⚡️ Powered by Vite for lightning-fast development
  • ⚛️ Built using React for reusable UI components
  • ♻️ Hot Module Replacement (HMR) enabled
  • 🧹 Integrated ESLint for code linting
  • 💅 Custom styling with CSS or Tailwind (optional)
  • 📱 Fully responsive and mobile-friendly design
  • 🌐 Deployed using Vercel/Netlify/GitHub Pages

🛠 Tech Stack

  • Frontend: React, Vite
  • Tooling: ESLint, Prettier (optional), npm
  • Deployment: Vercel / Netlify / GitHub Pages

🚀 Getting Started

1. Clone the Repository

git clone https://github.com/yourusername/portfolio-vite.git
cd portfolio-vite

2. Install Dependencies

npm install

3. Start the Development Server

npm run dev

Visit http://localhost:5173 in your browser to see your portfolio live.


📦 Build for Production

npm run build

This will generate the production-ready files in the dist/ folder.


🔍 ESLint Configuration

This project includes basic ESLint setup for linting JavaScript and React code.
You can expand it with:

  • eslint-plugin-react-hooks
  • eslint-plugin-jsx-a11y
  • Prettier integration

If you're developing a production application, we also recommend:

  • Using TypeScript
  • Adding typescript-eslint with type-aware lint rules

🧠 Optional Enhancements

If you're building a production-grade portfolio, consider:

  • ✅ Adding TypeScript for type safety
  • 🧪 Adding unit tests with Vitest or Jest
  • 🌐 SEO optimization with metadata & Open Graph tags
  • 📄 Markdown-based project content
  • 🧩 Adding dynamic content via CMS (e.g., Sanity)

📁 Project Structure (Simplified)

├── public/
│   └── index.html
├── src/
│   ├── assets/
│   ├── components/
│   ├── pages/
│   ├── App.jsx
│   └── main.jsx
├── .eslintrc.cjs
├── vite.config.js
└── package.json

🌐 Live Preview

You can preview the site at:

🔗 https://meetprakhar.vercel.app

Update with your actual deployment link.


📄 License

MIT License. Free to use, customize, and share.


🙌 Credits

Made with ❤️ by [Prakhar Pandey]

About

A fast and modern developer portfolio built with React and Vite. Showcases skills, projects, and experience with a responsive design. Easy to customize and deploy for personal branding.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors