Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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

Second iteration of my portfolio - created using ReactJS, Material-UI, Overmind, etc
https://github.com/p32929/portfolio-v2

beautiful create-react-app developer developer-portfolio easy-to-use free material-design material-ui open-source open-source-project overmind p32929 portfolio portfolio-site portfolio-template portfolio-website react react-template reactjs templates

Last synced: 5 days ago
JSON representation

Second iteration of my portfolio - created using ReactJS, Material-UI, Overmind, etc

Awesome Lists containing this project

README

        

##### The 2nd iteration of My Personal App - created using ReactJS, Overmind, Material UI etc...

![p32929](https://user-images.githubusercontent.com/6418354/108698254-2256ee80-752e-11eb-8767-aeb5a4f86536.gif)

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

Visit Live: https://p32929.github.io/

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

[![facebook](https://user-images.githubusercontent.com/6418354/179013321-ac1d1452-0689-493f-9066-940cf2302b6e.png)](https://www.facebook.com/sharer/sharer.php?u=https://github.com/p32929/p32929.github.io/)
[![twitter](https://user-images.githubusercontent.com/6418354/179013351-7d8d6d1c-4ce2-46ab-bef8-4c4765a1b888.png)](https://twitter.com/intent/tweet?url=https://github.com/p32929/p32929.github.io/)
[![tumblr](https://user-images.githubusercontent.com/6418354/179013343-3111f55a-3b90-40c7-8487-9777348672b0.png)](https://www.tumblr.com/share?v=3&u=https://github.com/p32929/p32929.github.io/)
[![pocket](https://user-images.githubusercontent.com/6418354/179013334-b095c45f-becf-49f4-9ee1-5a731a9b1f85.png)](https://getpocket.com/save?url=https://github.com/p32929/p32929.github.io/)
[![pinterest](https://user-images.githubusercontent.com/6418354/179013331-44cd9206-11b1-4b65-becb-5863b61c828f.png)](https://pinterest.com/pin/create/button/?url=https://github.com/p32929/p32929.github.io/)
[![reddit](https://user-images.githubusercontent.com/6418354/179013338-7416ae3f-73ba-4522-86e1-1374d7082d22.png)](https://www.reddit.com/submit?url=https://github.com/p32929/p32929.github.io/)
[![linkedin](https://user-images.githubusercontent.com/6418354/179013327-ca7b7102-1da8-4b1c-858f-1a6e5f21bd70.png)](https://www.linkedin.com/shareArticle?mini=true&url=https://github.com/p32929/p32929.github.io/)
[![whatsapp](https://user-images.githubusercontent.com/6418354/179013353-f477fa0b-3e6f-4138-a357-c9991b23ff88.png)](https://api.whatsapp.com/send?text=https://github.com/p32929/p32929.github.io/)

or Share my portfolio link ( https://p32929.github.io/ ) with your friends in just a click

[![facebook](https://user-images.githubusercontent.com/6418354/179013321-ac1d1452-0689-493f-9066-940cf2302b6e.png)](https://www.facebook.com/sharer/sharer.php?u=https://p32929.github.io/)
[![twitter](https://user-images.githubusercontent.com/6418354/179013351-7d8d6d1c-4ce2-46ab-bef8-4c4765a1b888.png)](https://twitter.com/intent/tweet?url=https://p32929.github.io/)
[![tumblr](https://user-images.githubusercontent.com/6418354/179013343-3111f55a-3b90-40c7-8487-9777348672b0.png)](https://www.tumblr.com/share?v=3&u=https://p32929.github.io/)
[![pocket](https://user-images.githubusercontent.com/6418354/179013334-b095c45f-becf-49f4-9ee1-5a731a9b1f85.png)](https://getpocket.com/save?url=https://p32929.github.io/)
[![pinterest](https://user-images.githubusercontent.com/6418354/179013331-44cd9206-11b1-4b65-becb-5863b61c828f.png)](https://pinterest.com/pin/create/button/?url=https://p32929.github.io/)
[![reddit](https://user-images.githubusercontent.com/6418354/179013338-7416ae3f-73ba-4522-86e1-1374d7082d22.png)](https://www.reddit.com/submit?url=https://p32929.github.io/)
[![linkedin](https://user-images.githubusercontent.com/6418354/179013327-ca7b7102-1da8-4b1c-858f-1a6e5f21bd70.png)](https://www.linkedin.com/shareArticle?mini=true&url=https://p32929.github.io/)
[![whatsapp](https://user-images.githubusercontent.com/6418354/179013353-f477fa0b-3e6f-4138-a357-c9991b23ff88.png)](https://api.whatsapp.com/send?text=https://p32929.github.io/)

## Create your own portfolio
1. Fork the repository ( Recommended )
2. Change the repository name to `your-github-username.github.io` by going into settings
3. Clone the repository using `git clone YOUR-REPOSITORY-URL`
4. Modify the variables in `src/Others/GlobalVars.ts` to add your own data and flavors.
5. Run: `npm run predeploy`
6. Run: `npm run deploy`
7. Check the `settings` of your repository, and change the `source` of the github pages to `master` branch

& Volla!! Now, you can check your portfolio LIVE version in the `homepage` URL (`https://your-github-username.github.io/`). Github may take a while to update the `github page` into your `homepage` URL.

If it still doesn't show, do step 5 & 6 again. It usually takes 3-5 minutes for github pages to deploy the changes.

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

## Run the project
1. Fork the repository ( Recommended )
2. Clone your forked repository using `git clone YOUR-REPOSITORY-URL`
3. Install all the dependencies using this command:
`npm install`
4. Run the project using this command:
`npm start`

## Thanks
Thanks to everyone for your STARS, WATCHES, FORKS, & VISITS. Special thanks to:
* [Facebook](https://www.facebook.com/) for the [ReactJS](https://reactjs.org/) library
* [Microsoft](https://www.microsoft.com/) for the [TypeScript](https://www.typescriptlang.org/) language
* [mui-org](https://github.com/mui-org/) for the [Material-UI](https://material-ui.com/) Components library
* [casesandberg](https://github.com/casesandberg) for the [react-color](https://casesandberg.github.io/react-color/) library
* [Plabon Dey](https://www.facebook.com/plabon.shuvo1) for the Dynamic Color idea :P
* [Github pages](https://pages.github.com/) for letting me host it for free
* [Vijay Verma](https://www.uplabs.com/realvjy) for the awesome [Glazzy Portfolio](https://www.uplabs.com/posts/glazzy-free-portfolio-psd-template) design

Am I missing anyone? If yes, Let me know

## License
```
MIT License

Copyright (c) 2020 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.

```

## FAQ
* Can I use it for any personal/commercial project?
-> Yes. But don't change/remove the `fork icon` and the `URL it redirects to` at the `TOP-RIGHT corner`. So that, others can also benefit from the repository.

* Can I use it for making my personal/commercial portfolio?
-> Definitely. But make sure you FORK it while doing it :)

* Can I share your portfolio link with my friends?
-> DEFINITELY! ^_^

* Can I contact you if I get stuck while trying to create my own portfolio using the forked source code?
-> DEFINITELY! :)

## How to contribute?
Lately, people have been making pull requests just to show their github username in the contributors list. Which I don't think is a good way to be an Open Source contributor. So, here's a few identified bugs: https://github.com/p32929/p32929.github.io/blob/react/BUGS.md

If you think you can fix the bugs, you may:
1. Fork the repository
2. Clone the repository
3. Create a new branch from the `react` branch with your github username [ Example: My github username is `p32929` ]
4. Write your code
5. Add necessary changes to the readme if needed
6. Commit the code
7. Push the code in your branch
8. Create a new pull request

You're welcome...

## Support
[![buymeacoffee](https://www.buymeacoffee.com/assets/img/guidelines/download-assets-sm-1.svg)](https://www.buymeacoffee.com/p32929)

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