portfolio-template

KO | EN

gitlite — search

#javascript #hacktoberfest #typescript #rust #deep-learning #linux #docker #macos #java #awesome #kubernetes #vue #awesome-list #openai

portfolio-template

(★ 245)

An Open-Sourced Template for developers to show-off there skills. Made with ReactJS

File Explorer

Download Latest Version (.zip)

- android-chrome-192x192.png
- android-chrome-512x512.png
- apple-touch-icon.png
- Bootstrap5.css
- favicon-16x16.png
- favicon-32x32.png
- favicon.ico
- index.html
- logo192.png
- logo512.png
- manifest.json
- portfolio-example.gif
- profile.png
- robots.txt
- site.webmanifest
- sitemap.xml
- - images.css
  - no-touch.min.css
  - style.css
- App.js
- index.js
- profile.js
.eslintcache
.gitignore
CONTRIBUTING.md
LICENSE
package-lock.json
package.json
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Web Developer React Portfolio ⚡️ [![GitHub](https://img.shields.io/github/license/kaustubhai/portfolio-template?color=blue)](https://github.com/kaustubhai/portfolio-template/blob/master/LICENSE) [![GitHub stars](https://img.shields.io/github/stars/kaustubhai/portfolio-template)](https://github.com/kaustubhai/portfolio-template/stargazers)

## A clean, beautiful and responsive react portfolio template for Developers!

Just change `src/profile.js` to get your personal portfolio. Feel free to use it as-is or customize it as much as you want.

To Update the image go to `src/styles/images.css`  
To change colors, go to `src/styles/style.css`

But if you want to **contribute** and make this much better for other developer raise a [Issue](https://github.com/kaustubhai/portfolio-template/issues).

If you created something awesome and want to contribute then feel free to open an [pull request](https://github.com/kaustubhai/portfolio-template/pulls).

## Table of Contents
- [Sections](#sections)
- [Getting Started](#getting-started)
- [How to Use](#how-to-use)
- [Change and Customize](#change-and-customize-every-section-according-to-your-need)
- [Deployment](#deployment)
- [For the Future](#for-the-future)
## Sections
✔️ Full screen Intro\
✔️ About Summary\
✔️ Skills\
✔️ Projects\
✔️ Miscellaneous activities\
✔️ Contact Form\
✔️ Social Profile\

To view a live example, **[click here](https://kaustubhai.netlify.app/)**.

## Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

You'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer.

```
node@v10.16.0 or higher
npm@6.9.0 or higher
git@2.17.1 or higher
```

## How To Use

From your command line, clone and run developerFolio:

```bash
# Clone this repository
$ git clone https://github.com/kaustubhai/portfolio-template.git

# Go into the repository
$ cd portfolio-template

# Install dependencies
$ npm install

#Start's development server
$ npm start
```

## Change and customize every section according to your need.

#### Personalize page content in `/src/profile.js` & modify it as per your need.

```javascript
/* Change this file to get your Personal Porfolio */

const header = { .... }

const about = { .... }

const skillsBar = { .... }

const projects = { .... }

const miscellaneous = { .... }

const contact = { .... }

const social = { .... }

```

## Deployment
When you are done with the setup, you should host your website online.
We highly recommend to read through the [Deploying on Github Pages](https://create-react-app.dev/docs/deployment/#github-pages) docs for React.

#### Deploying to Netlify

You could also host directly with Netlify by linking your own repository.

[![Deploy To Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/kaustubhai/portfolio-template)

For more information, read [hosting on Netlify](https://create-react-app.dev/docs/deployment/#netlify).

## For the Future
If you can help us with these. Please don't hesitate to open a [pull request](https://github.com/kaustubhai/portfolio-template/pulls).

- Connect with Github API to get Pinned Projects directly

- Add more Interactivity

- Add More Sections

---

portfolio-template

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

portfolio-template

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README