Skip to content

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

License

Notifications You must be signed in to change notification settings

kaustubhai/portfolio-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Web Developer React Portfolio ⚡️ GitHub GitHub stars

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.

If you created something awesome and want to contribute then feel free to open an pull request.

Table of Contents

Sections

✔️ Full screen Intro
✔️ About Summary
✔️ Skills
✔️ Projects
✔️ Miscellaneous activities
✔️ Contact Form
✔️ Social Profile\

To view a live example, click here.

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 and Node.js (which comes with npm) 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:

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

/* 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 docs for React.

Deploying to Netlify

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

Deploy To Netlify

For more information, read hosting on Netlify.

For the Future

If you can help us with these. Please don't hesitate to open a pull request.

  • Connect with Github API to get Pinned Projects directly

  • Add more Interactivity

  • Add More Sections