kingsmen732 / Zapfolio

Minimal Portfolio - An opensource portfolio website for easy deployment on Vercel. Customize your profile using the profileConfig file to update links and upload resumes effortlessly. Fork, deploy, and showcase your work with minimal setup!
https://kingsmen732.vercel.app/
MIT License
15 stars 33 forks source link
hacktoberfest hacktoberfest-starter hacktoberfest2024 portfolio portfolio-website react-portfolio react-portfolio-template react-portfolio-website vercel-deployment

Opensoruce Portfolio Customizable to any Profile ~ Bento Style

Have a min to have a portfolio?! Here is your chance to make one

image

Deploy with Vercel # Fork this into your GitHub so this deploy button works in your repo

Hello there! Welcome to my new portfolio. This is your chance to get your last-minute savior bento-styled portfolio!

This project was kick-started with Create React App, and I'm diving back into React after a good long break. So, 🚨 please don't hate me if things look a bit rusty! There's plenty of room for improvement, and I'm all ears for any suggestions.

How to Install

To get this project up and running on your local machine, follow these steps:

  1. Clone the repository:

    git clone https://github.com/kingsmen732/portfolio
    cd portfolio
  2. Install the dependencies:

    yarn install
  3. Start the development server:

    yarn start

    This will run the app in development mode. Open http://localhost:3000 to view it in your browser. The page will automatically reload if you make edits. You'll also see any lint errors in the console.

SpeedRUN to Make it Your Website with Your Details

Configuration

You can easily change your details through the profileConfig file. Here’s how:

  1. Open the profileConfig.js file:

    • Locate the file in the src/config directory.
    • Edit the links with your respective links.
  2. Upload Resume

    • Update the resume container with different versions of your resume
    • Make the final update with "RESUME.pdf".
  3. Update your pictures

    • Replace the profile image src\assets\profile.png
    • Add your personal favourite image at src\assets\setup.jpg

Room for Improvement

Here's what I'm planning to work on:

Feel free to fork this repository, create your own version, and contribute back with Pull Requests. Any help to make this better is greatly appreciated!

Thanks for stopping by, and happy coding!

License

This project is licensed under the MIT License