Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/p32929/portfolio-v1

My first Portfolio - created using ReactJS
https://github.com/p32929/portfolio-v1

bin fayaz github-page material material-design material-ui open-source opensource p32929 portfolio portfolio-page portfolio-site portfolio-template portfolio-website portfolios react reactjs salam template website

Last synced: 5 days ago
JSON representation

My first Portfolio - created using ReactJS

Awesome Lists containing this project

README

        

## Portfolio
My Portfolio - created using ReactJS

Watch live: https://p32929.github.io/Portfolio/

[![](https://badgen.net/github/release/p32929/Portfolio)]() [![](https://badgen.net/github/release/p32929/Portfolio/stable)]() [![](https://badgen.net/github/tag/p32929/Portfolio)]() [![](https://badgen.net/github/watchers/p32929/Portfolio)]() [![](https://badgen.net/github/checks/p32929/Portfolio)]() [![](https://badgen.net/github/status/p32929/Portfolio)]() [![](https://badgen.net/github/stars/p32929/Portfolio)]() [![](https://badgen.net/github/forks/p32929/Portfolio)]() [![](https://badgen.net/github/issues/p32929/Portfolio)]() [![](https://badgen.net/github/open-issues/p32929/Portfolio)]() [![](https://badgen.net/github/closed-issues/p32929/Portfolio)]() [![](https://badgen.net/github/label-issues/p32929/Portfolio/help-wanted/open)]() [![](https://badgen.net/github/prs/p32929/Portfolio)]() [![](https://badgen.net/github/open-prs/p32929/Portfolio)]() [![](https://badgen.net/github/closed-prs/p32929/Portfolio)]() [![](https://badgen.net/github/merged-prs/p32929/Portfolio)]() [![](https://badgen.net/github/commits/p32929/Portfolio)]() [![](https://badgen.net/github/last-commit/p32929/Portfolio)]() [![](https://badgen.net/github/branches/p32929/Portfolio)]() [![](https://badgen.net/github/releases/p32929/Portfolio)]() [![](https://badgen.net/github/tags/p32929/Portfolio)]() [![](https://badgen.net/github/license/p32929/Portfolio)]() [![](https://badgen.net/github/contributors/p32929/Portfolio)]() [![](https://badgen.net/github/dependents-pkg/p32929/Portfolio)]()

I have created another portfolio (V2) using ReactJS. Which is also open source. Fork it from here: https://github.com/p32929/p32929.github.io

## Share
Sharing with your friends is just one click away from here

[![facebook](https://image.flaticon.com/icons/png/32/124/124010.png)](https://www.facebook.com/sharer/sharer.php?u=https://github.com/p32929/Portfolio)
[![twitter](https://image.flaticon.com/icons/png/32/124/124021.png)](https://twitter.com/intent/tweet?source=https://github.com/p32929/Portfolio)
[![tumblr](https://image.flaticon.com/icons/png/32/124/124012.png)](https://www.tumblr.com/share?v=3&u=https://github.com/p32929/Portfolio)
[![pocket](https://image.flaticon.com/icons/png/32/732/732238.png)](https://getpocket.com/save?url=https://github.com/p32929/Portfolio)
[![pinterest](https://image.flaticon.com/icons/png/32/124/124039.png)](https://pinterest.com/pin/create/button/?url=https://github.com/p32929/Portfolio)
[![reddit](https://image.flaticon.com/icons/png/32/2111/2111589.png)](https://www.reddit.com/submit?url=https://github.com/p32929/Portfolio)
[![linkedin](https://image.flaticon.com/icons/png/32/1409/1409945.png)](https://www.linkedin.com/shareArticle?mini=true&url=https://github.com/p32929/Portfolio)
[![whatsapp](https://image.flaticon.com/icons/png/32/733/733585.png)](https://api.whatsapp.com/send?text=https://github.com/p32929/Portfolio)

## Support
If you like my works and want to support me/my works, feel free to support or donate. My payment details can be found here: https://p32929.github.io/SendMoney2Me/

## Prerequisites
You need to have `NodeJS` and `NPM` installed in your computer.
If you don't have them installed, installed them from here: https://nodejs.org/en/download/

## How to run the project
1. Fork the repository
2. Clone your forked repository
3. Install all the dependencies using this command:
`npm install`
4. Run the project using this command:
`npm start`

## Create your own portfolio
1. To edit the Home section, edit the variables inside `src/vars/homeItems.js` file.
2. To edit the Skills section, edit the variables inside `src/vars/skillItems.js` file.
3. To edit the Projects section, edit the variables inside `src/vars/projectItems.js` file.
4. To edit the Contact section, edit the variables inside `src/vars/contactItems.js` file.
5. To edit the Drawer Items, edit the variables inside `src/vars/drawerItems.js` file.
6. Inside `package.json`, change the value of `homepage` to 'https://your-github-username.github.io/Portfolio/'
7. Run this command: `npm run deploy`
8. Go the the repository settings page > Github Pages > Source and set it to `gh-pages branch`
9. That's it. Now, you can check your portfolio LIVE version in github pages using `homepage` URL. Github may take a while to update the github page into your `homepage` URL

## Thanks
Hope you'll enjoy creating your own portfolio :)

## LICENSE
```
MIT License

Copyright (c) 2018 Fayaz Bin Salam

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
```

## All my portfolio websites:
Looking for one of my previous portfolio website / source code? Here's the list:

V1: https://p32929.github.io/portfolio-v1/ ( Source: https://github.com/p32929/portfolio-v1 )

V2: https://p32929.github.io/portfolio-v2/ ( Source: https://github.com/p32929/portfolio-v2 )

V3 : https://p32929.github.io/ ( Source: https://github.com/p32929/p32929.github.io )