https://github.com/aryanvbw/portfolio-builder

by vivek w and team

https://github.com/aryanvbw/portfolio-builder

Science Score: 36.0%

This score indicates how likely this project is to be science-related based on various indicators:

  • CITATION.cff file
  • codemeta.json file
    Found codemeta.json file
  • .zenodo.json file
    Found .zenodo.json file
  • DOI references
  • Academic publication links
  • Committers with academic emails
    1 of 9 committers (11.1%) from academic institutions
  • Institutional organization owner
  • JOSS paper metadata
  • Scientific vocabulary similarity
    Low similarity (13.3%) to scientific vocabulary

Keywords from Contributors

hack projected transformer interactive parallel pentest generic sequences archival worldometer
Last synced: 10 months ago · JSON representation

Repository

by vivek w and team

Basic Info
Statistics
  • Stars: 0
  • Watchers: 1
  • Forks: 4
  • Open Issues: 4
  • Releases: 2
Created over 1 year ago · Last pushed over 1 year ago
Metadata Files
Readme License

README.md

Portfolio Builder

A modern, interactive portfolio builder that helps you create stunning developer portfolios with ease. Built with React, TypeScript, and Tailwind CSS.

Portfolio Builder Demo

🌟 Features

  • Multiple Templates: Choose from various professionally designed templates
  • Real-time Preview: See your changes instantly as you edit
  • Dark Mode Support: All templates support system-based dark mode
  • Responsive Design: Looks perfect on all devices
  • Logo Upload: Add your personal or company logo
  • Custom Styling: Easy customization with Tailwind CSS
  • Export to ZIP: Download your portfolio as a ready-to-deploy package
  • SEO Friendly: Generated portfolios follow SEO best practices

🚀 Quick Start

  1. Clone the repository: bash git clone https://github.com/AryanVBW/Portfolio-Builder.git cd Portfolio-Builder

  2. Install dependencies: bash npm install

  3. Start the development server: bash npm run dev

  4. Open http://localhost:5173 in your browser

📦 Building Your Portfolio

  1. Fill Your Information:

    • Add your personal details
    • Upload profile picture and logo
    • Add your skills and experience
    • Include your projects and education
  2. Choose a Template:

    • Browse available templates
    • Preview how your portfolio looks
    • Switch between templates in real-time
  3. Download Your Portfolio:

    • Click the "Download Portfolio" button
    • Get a ZIP file with your complete portfolio
    • Ready to deploy to any web hosting service

🎨 Available Templates

  • Minimal: Clean and simple design
  • Modern: Contemporary layout with smooth animations
  • Creative: Unique design for creative professionals
  • Cyber: Tech-inspired futuristic design
  • Future: Modern and bold layout
  • HKPatel: A template closely resembling the original HK_Patel site

🎨 New Template: HKPatel

The HKPatel template closely resembles the original HK_Patel site, featuring: - Header: Navigation links for easy access to sections. - Hero Section: A welcoming greeting with a dynamic typing effect. - Skills Section: Showcases user skills with icons and animations. - Projects Section: Displays projects with descriptions and technologies used. - Education Section: Lists educational background with descriptions.

How to Use the HKPatel Template

  1. Select the HKPatel template from the available options in the portfolio builder.
  2. Fill in your personal information, skills, projects, and education.
  3. Preview your portfolio in real-time and make adjustments as needed.
  4. Download your portfolio as a ZIP file when you're ready to deploy.

🛠️ Technical Details

Technology Stack

  • Frontend: React 18 with TypeScript
  • Styling: Tailwind CSS
  • State Management: React Context
  • Build Tool: Vite
  • File Generation: JSZip
  • Icons: Lucide React

Project Structure

See STRUCTURE.md for detailed project structure documentation.

📱 Responsive Design

All generated portfolios are fully responsive and tested on: - Desktop (1920px and above) - Laptop (1024px to 1919px) - Tablet (768px to 1023px) - Mobile (320px to 767px)

🌙 Dark Mode

Dark mode is automatically enabled based on system preferences. The implementation: - Uses CSS variables for theming - Supports system preference detection - Maintains consistent design in both modes

🔒 Security

  • No server-side storage of personal information
  • All processing done client-side
  • Image handling via base64 encoding
  • No external API dependencies

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🤝 Contributing

Contributions are welcome! Please read our Contributing Guidelines for details.

🐛 Bug Reports

If you find a bug, please open an issue with: 1. Description of the bug 2. Steps to reproduce 3. Expected behavior 4. Screenshots (if applicable)

📞 Contact

⭐ Show Your Support

If you find this project useful, please give it a star on GitHub!

Owner

  • Name: Vivek W
  • Login: AryanVBW
  • Kind: user
  • Location: india
  • Company: @TEch-Shop

🛰 𝐒𝐢𝐦𝐩𝐥𝐢𝐜𝐢𝐭𝐲 𝐒𝐩𝐚𝐫𝐤𝐬 𝐈𝐧𝐧𝐨𝐯𝐚𝐭𝐢𝐨𝐧🛡️ 🌟 Dive into the Future: ✨𒆜🆅🅸🆅🅴🅺 🆆𒆜 Studying in Newton school of Technology🚀

GitHub Events

Total
  • Release event: 2
  • Delete event: 4
  • Issue comment event: 21
  • Push event: 26
  • Pull request event: 26
  • Fork event: 4
  • Create event: 9
Last Year
  • Release event: 2
  • Delete event: 4
  • Issue comment event: 21
  • Push event: 26
  • Pull request event: 26
  • Fork event: 4
  • Create event: 9

Committers

Last synced: about 1 year ago

All Time
  • Total Commits: 47
  • Total Committers: 9
  • Avg Commits per committer: 5.222
  • Development Distribution Score (DDS): 0.574
Past Year
  • Commits: 47
  • Committers: 9
  • Avg Commits per committer: 5.222
  • Development Distribution Score (DDS): 0.574
Top Committers
Name Email Commits
AryanVBW w****7@g****m 20
yakshit savaliya y****a@g****m 8
Vivek W v****k@V****l 8
Harikrushn patel h****a@g****m 3
dependabot[bot] 4****] 2
ImgBotApp I****p@g****m 2
Aashish Jha a****7@g****m 2
Aniruddh-14 a****a@a****n 1
yakshit savaliya y****a@y****l 1
Committer Domains (Top 20 + Academic)

Issues and Pull Requests

Last synced: 11 months ago

All Time
  • Total issues: 0
  • Total pull requests: 18
  • Average time to close issues: N/A
  • Average time to close pull requests: about 9 hours
  • Total issue authors: 0
  • Total pull request authors: 6
  • Average comments per issue: 0
  • Average comments per pull request: 1.5
  • Merged pull requests: 15
  • Bot issues: 0
  • Bot pull requests: 5
Past Year
  • Issues: 0
  • Pull requests: 18
  • Average time to close issues: N/A
  • Average time to close pull requests: about 9 hours
  • Issue authors: 0
  • Pull request authors: 6
  • Average comments per issue: 0
  • Average comments per pull request: 1.5
  • Merged pull requests: 15
  • Bot issues: 0
  • Bot pull requests: 5
Top Authors
Issue Authors
Pull Request Authors
  • yaxit24 (10)
  • Harikrushn9118 (7)
  • imgbot[bot] (4)
  • dependabot[bot] (4)
  • Aniruddh-14 (2)
  • Aashish-Jha-11 (2)
Top Labels
Issue Labels
Pull Request Labels
dependencies (4)

Dependencies

package-lock.json npm
  • 329 dependencies
package.json npm
  • @eslint/js ^9.9.1 development
  • @types/react ^18.3.5 development
  • @types/react-dom ^18.3.0 development
  • @vitejs/plugin-react ^4.3.1 development
  • autoprefixer ^10.4.18 development
  • eslint ^9.9.1 development
  • eslint-plugin-react-hooks ^5.1.0-rc.0 development
  • eslint-plugin-react-refresh ^0.4.11 development
  • globals ^15.9.0 development
  • postcss ^8.4.35 development
  • tailwindcss ^3.4.1 development
  • typescript ^5.5.3 development
  • typescript-eslint ^8.3.0 development
  • vite ^5.4.2 development
  • @google/generative-ai ^0.2.1
  • clsx ^2.1.0
  • framer-motion ^11.13.1
  • jszip ^3.10.1
  • lucide-react ^0.344.0
  • react ^18.3.1
  • react-dom ^18.3.1
  • react-hot-toast ^2.4.1
  • react-intersection-observer ^9.8.1
  • tailwind-merge ^2.2.1
  • tailwindcss-animate ^1.0.7