Giter Club home page Giter Club logo

portfolio-template's Introduction

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.

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


portfolio-template's People

Contributors

anirudhpanda avatar dheerajr1 avatar kaustubhai avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

portfolio-template's Issues

Bro it'm me

Can you check your telegram DM have some doubt bro need help

Portfolio template Contact me icon in Firefox - Fix it!

Hello there,

The minor fix was required! When I checked the contact icon of your portfolio template in the Firefox browser, I discovered a glitch in which the portfolio icon was not visible. Please have a check on them fix it. Thanks.

Regarding your template

Hi,

I saw your template it was static and well designed but i just wanted to know how do i add additional content like (eg):

I just want to add Experience (like a timeline) in your template how do i do that, for example, i attached a sample screenshot of it take a look at it, or anything similar to it any suggestion from you is also fine.
Untitled25

Education

Projects

Certifications

how Style fitting in your template

Hi there,

I just wanted to know how to get a different slide flip-style just like yours (https://kaustubhai.netlify.app/) that is like when you go to "get in touch" style is something different it goes like flip-style, how do i bring the same style.

also how do i bring laptop style with background color like this

no issue, just inquiry

Please where did you find the styles, or did you make all of them? (file: no-touch.min.css)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.