Repository files navigation

Welcome toPortfolio Template, a sleek and fully customizable portfolio website built withReact.js andBootstrap. This template is designed to help developers, designers, and creatives showcase their work effortlessly. With a simple JSON-based configuration, you can personalize the entire website without touching a single line of code.

👉Live Preview:View Demo

• Fully Customizable: Edit thedata.json file to update all sections of the portfolio.
• Responsive Design: Built with Bootstrap for seamless responsiveness across devices.
• Easy to Use: No coding required—just update the JSON file and deploy.
• Modern UI: Clean and professional design to showcase your skills and projects.
• Dynamic Typing Effect: Utilizesreact-simple-typewriter for an engaging hero section.

✔️Hero Section - A dynamic typing effect to introduce yourself.
✔️Summary and About Me - Share your story and upload your profile picture.
✔️Skills - Highlight your expertise with customizable icons.
✔️Projects - Showcase your work with project details and links.
✔️Contact - Provide a way for visitors to connect with you.

Follow these steps to set up and customize your portfolio:

Ensure you have the following installed on your machine:

• Git
• Node.js (includes npm)
• For Windows Users: InstallVS Code for the build environment.

1. Fork this repoistory and clone it to your local machine.

$ git clone https://github.com/ShahVandit8/portfolio.git

2. Go into the repository

$cd portfolio

3. Install dependencies

$ npm install

4. Start project in Local Server

$ npm start

5. Edit and Customize Project

• Open thedata/data.json file and edit the details to personalize your portfolio.
• To update the logo, navigate topublic/images/logo/ and replacelogo.png with your own logo.
• Add icons inpublic/images/icons/ and update the paths indata.json.
• To change the "About Me" image, replacepublic/images/about/pp.png with your picture.
• Simplyedit the details indata.json according to your needs, and your portfolio website will be updated.
• Deploy your website anywhere you want!

6. Build Production App

$ npm run build

• React.js
• Bootstrap
• react-simple-typewriter

Icon8 Icons are used in skill section. You can find all the icons here:Icon8.

👤Vandit Shah

• Website:https://vandit-shah.me/
• Github:ShahVandit8
• LinkedIn:shah-vandit

Use this Project and Customize it according to your need for free

Just Give a ⭐️ if this project helped you!

Made with ❤️ and ☕ byVandit Shah