Portfolio Template - A Fully Customizable React.js Portfolio Website

Welcome to Portfolio Template, a sleek and fully customizable portfolio website built with React.js and Bootstrap. 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

---

Features

• Fully Customizable: Edit the data.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: Utilizes react-simple-typewriter for an engaging hero section.

---

Sections

✔️ 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.

---

Getting Started

Follow these steps to set up and customize your portfolio:

Prerequisites

Ensure you have the following installed on your machine:

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

How To Use

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 the data/data.json file and edit the details to personalize your portfolio.
• To update the logo, navigate to public/images/logo/ and replace logo.png with your own logo.
• Add icons in public/images/icons/ and update the paths in data.json.
• To change the "About Me" image, replace public/images/about/pp.png with your picture.
• Simply edit the details in data.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

Technologies Used

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

Icons

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

Author

👤 Vandit Shah

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

Show your support

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

Just Give a ⭐️ if this project helped you!

Made with ❤️ and ☕ by Vandit Shah