Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kaustubhai/portfolio-template

An Open-Sourced Template for developers to show-off there skills. Made with ReactJS
https://github.com/kaustubhai/portfolio-template

developer-portfolio netlify portfolio portfolio-website react resume-template resume-website skills template

Last synced: about 1 month ago
JSON representation

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

Awesome Lists containing this project

README

        

# 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.

```
[email protected] or higher
[email protected] or higher
[email protected] 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

---