A modern, customizable portfolio generator built with React and TypeScript. Effortlessly create, preview, and export beautiful personal portfolios using pre-designed templates and a user-friendly form interface.
- 🖼️ Multiple Templates: Choose from different portfolio templates to match your style.
- ✍️ Easy Form Input: Fill out simple forms to add your personal info, projects, skills, testimonials, and more.
- ⚡ Live Preview: Instantly preview your portfolio as you edit.
- 📦 Export/Download: Export your finished portfolio for deployment or sharing.
- 🎨 Theme Support: Switch between light and dark themes.
- 🖼️ Image Uploads: Add profile and project images.
- 💾 Local Storage: Your progress is saved automatically.
Add your UI screenshots to
src/assets/and update the image filenames below as needed.
Home page of the Portfolio Generator
Live preview of a selected template
-
Clone the repository:
git clone https://github.com/your-username/portfolio-generator.git cd portfolio-generator -
Install dependencies:
npm install # or yarn install -
Start the development server:
npm run dev # or yarn dev -
Open in your browser:
http://localhost:5173
src/
components/ # Reusable UI components
context/ # React context providers (Portfolio, Theme)
hook/ # Custom React hooks
pages/ # Main application pages
styles/ # CSS and Tailwind styles
templates/ # Portfolio templates
types/ # TypeScript type definitions
utils/ # Utility functions
assets/ # Images and static assets (add your UI screenshots here)
- Select a Template: Choose your preferred portfolio template.
- Fill Out Forms: Enter your personal details, projects, skills, and more.
- Preview: See real-time updates in the preview section.
- Export: Download or export your portfolio for deployment.
- Add More Templates: Create new templates in
src/components/templates/. - Edit Styles: Modify or extend styles in
src/styles/or use Tailwind CSS classes. - Add Sections: Extend form sections in
src/components/forms/sections/.
Contributions are welcome! Please open issues or submit pull requests for new features, bug fixes, or improvements.
This project is licensed under the MIT License.
For questions or feedback, please open an issue or contact satyamsingh7734@gmail.com.