Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/kaustubhai/portfolio-template
- Owner: kaustubhai
- License: gpl-3.0
- Created: 2020-11-27T20:25:52.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2021-08-27T06:17:49.000Z (over 3 years ago)
- Last Synced: 2024-08-01T21:44:23.296Z (4 months ago)
- Topics: developer-portfolio, netlify, portfolio, portfolio-website, react, resume-template, resume-website, skills, template
- Language: CSS
- Homepage: https://template-b41f4.web.app/
- Size: 92.6 MB
- Stars: 235
- Watchers: 9
- Forks: 76
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
- project-awesome - kaustubhai/portfolio-template - An Open-Sourced Template for developers to show-off there skills. Made with ReactJS (CSS)
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
---