https://github.com/shahvandit8/portfolio
A customizable React.js portfolio template. Update data.json to personalize—no coding needed! Perfect for showcasing your work.
https://github.com/shahvandit8/portfolio
front-end front-end-development my-portfolio my-portfolio-website porfolio-website portfolio portfolio-site portfolio-template reactjs reactjs-portfolio web-developer-portfolio web-portfolio
Last synced: 2 months ago
JSON representation
A customizable React.js portfolio template. Update data.json to personalize—no coding needed! Perfect for showcasing your work.
- Host: GitHub
- URL: https://github.com/shahvandit8/portfolio
- Owner: ShahVandit8
- Created: 2024-01-22T15:25:17.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-06T16:09:27.000Z (2 months ago)
- Last Synced: 2025-03-06T17:24:29.965Z (2 months ago)
- Topics: front-end, front-end-development, my-portfolio, my-portfolio-website, porfolio-website, portfolio, portfolio-site, portfolio-template, reactjs, reactjs-portfolio, web-developer-portfolio, web-portfolio
- Language: JavaScript
- Homepage: https://vandit-shah.me/
- Size: 10.9 MB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://vandit-shah.me/)
---
## 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](https://git-scm.com)
- [Node.js](https://nodejs.org/en/download/) (includes npm)
- **For Windows Users:** Install [VS Code](https://code.visualstudio.com/download) for the build environment.
## How To Use
1. Fork this repoistory and clone it to your local machine.
```bash
$ git clone https://github.com/ShahVandit8/portfolio.git
```
2. Go into the repository
```bash
$ cd portfolio
```
3. Install dependencies
```bash
$ npm install
```
4. Start project in Local Server
```bash
$ 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
```bash
$ npm run build
```
## Technologies Used
- [React.js](https://react.dev/)
- [Bootstrap](https://getbootstrap.com/)
- [react-simple-typewriter](https://www.npmjs.com/package/react-simple-typewriter)
## Icons
Icon8 Icons are used in skill section. You can find all the icons here: [Icon8](https://icons8.com/icons).
## Author
👤 **Vandit Shah**
- Website: https://vandit-shah.me/
- Github: [ShahVandit8](https://github.com/ShahVandit8)
- LinkedIn: [shah-vandit](https://www.linkedin.com/in/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](https://github.com/ShahVandit8)