A modern, responsive portfolio website built with React, TypeScript, and TailwindCSS.
- Save your profile image as
profile.jpeg - Place this file in the
/publicdirectory - The image will be displayed on the homepage
For quick setup, you can run:
chmod +x copy-profile-image.sh
./copy-profile-image.shAll projects use the same image from the local directory (/public/images/project-image.jpg). To download this image and set it up:
chmod +x download-project-image.sh
./download-project-image.shIf you want to use different images for each project, modify the Projects.tsx file accordingly.
- Save your resume as a PDF file with the name
Vaibhav_Kumawat_Resume.pdf - Place this file in the
/publicdirectory (not in any subdirectory) - Verify that the file is correctly placed by running:
chmod +x check-resume.sh ./check-resume.sh
- When deployed, the resume will be available for download through the "Download Resume" buttons
Note: If your resume file isn't correctly placed, the download functionality will not work on the live site!
This site can be easily deployed on platforms like:
- Vercel
- Netlify
- GitHub Pages
- Create an account on Netlify
- Connect your GitHub repository
- Configure the build settings:
- Build command:
npm run build - Publish directory:
dist
- Build command:
- IMPORTANT: Make sure your resume file (
Vaibhav_Kumawat_Resume.pdf) is in the/publicdirectory before deploying!
After deploying your site, you can verify the resume file is properly deployed by visiting:
https://your-website-url.com/Vaibhav_Kumawat_Resume.pdf
If the file loads, the download functionality should work correctly.
# Install dependencies
npm install
# Start development server
npm run dev
# Check if resume file exists
./check-resume.sh
# Build for production
npm run build