https://github.com/ct83/ct83-portfolio
https://github.com/ct83/ct83-portfolio
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/ct83/ct83-portfolio
- Owner: CT83
- License: mit
- Created: 2020-03-20T04:25:24.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-03-05T13:08:36.000Z (over 3 years ago)
- Last Synced: 2025-04-08T06:46:24.817Z (about 1 year ago)
- Language: JavaScript
- Size: 14.2 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 21
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Software Developer Folio ⚡️ [](https://github.com/saadpasta/developer-portfolio/blob/master/LICENSE.md)  [](#contributors) [](https://www.codacy.com/manual/saadpasta/developerFolio?utm_source=github.com&utm_medium=referral&utm_content=saadpasta/developerFolio&utm_campaign=Badge_Grade)
## A clean, beautiful and responsive portfolio template for Developers!
Just change `src/porfolio.js` to get your personal portfolio . Feel free to use it as-is or customize it as much as you want.
But if you want to **contribute** and make this much better for other developer have a look at [Issues](https://github.com/saadpasta/developerFolio/issues).
If you created something awesome and want to contribute then feel free to open Please don't hesitate to open an [pull request](https://github.com/saadpasta/developerFolio/pulls).
## Sections
✔️ Summary and About me\
✔️ Skills \
✔️ Open Source Projects Connected with Github\github
✔️ Big Projects\
✔️ Achievements And Certifications 🏆\
✔️ Blogs\
✔️ Talks\
✔️ Podcast\
✔️ Contact me
To view a live example, **[click here](https://saadpasta.github.io/)**
## 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 or use [Docker](https://www.docker.com/products/docker-desktop).
```
node@v10.16.0 or higher
npm@6.9.0 or higher
git@2.17.1 or higher
```
### Docker Commands
```
1) BUILD IMAGE : docker build -t developerfolio:latest .
2) RUN IMAGE: docker run -p 3000:3000 developerfolio:latest
```
## How To Use 🔧
From your command line, clone and run developerFolio:
```bash
# Clone this repository
$ git clone https://github.com/username/developerFolio.git
# Go into the repository
$ cd developerFolio
# Install dependencies
$ npm install
```
## Github Setup For Open Source Projects
### Genrate a Github personal access token using these [Instructions](https://help.github.com/en/github/authenticating-to-github/creating-a-personal-access-token-for-the-command-line) `Make sure you don't select any scope just generate a simple token`
Copy the token and open Chrome Developer Console to convert your token to base64 so github do not revert your token when you push your token to git
```bash
# Open your Chrome Developer Console console paste the token inside btoa
$ btoa("YOUR GITHUB TOKEN")
```
Copy your converted token and paste it in `/src/portfolio.js`
```javascript
const openSource = {
/* Your Open Source Section to View Your Github Pinned Projects */
/* To know how to get github key look at readme.md */
githubConvertedToken: "Your Github Converted Token",
githubUserName: "Your Github Username"
};
```
## Change and customize every section according to your need.
### To Change website content go to `/src/portfolio.js` and change content according to yours.
```javascript
/* Change this file to get your Personal Porfolio */
const gretting = {
/* Your Summary And Gretting Section */
title: "Hi all 👋 I'm Saad",
subTitle: "A passionate Full Stack Software Developer 🚀.
resumeLink: "https://drive.google.com/file/d/1ofFdKF_mqscH8WvXkSObnVvC9kK7Ldlu/view?usp=sharing"
};
const socialMediaLinks = {
/* Your Social Media Link */
github: "https://github.com/saadpasta",
linkedin: "https://www.linkedin.com/in/saadpasta/",
gmail: "saadpasta70@gmail.com",
gitlab: "https://gitlab.com/saadpasta",
facebook: "https://www.facebook.com/saad.pasta7"
};
const skillsSection = { .... }
const openSource = { .... }
const bigProjects = { .... }
const achievementSection = { .... }
const blogSection = { .... }
const contactInfo = { .... }
```
## Technologies used 🛠️
- [React](https://reactjs.org/)
- [graphql](https://graphql.org/)
- [apollo-boost](https://www.apollographql.com/docs/react/get-started/)
## illustrations
- [UnDraw](https://undraw.co/illustrations)
## Deployment 📦
Once you have done with your setup. You need to put your website online!
I highly recommend to use [Github Pages](https://create-react-app.dev/docs/deployment/#github-pages) to achieve this on the EASIEST WAY
## License 📄
This project is licensed under the MIT License - see the [LICENSE.md](./LICENSE) file for details
## For the Future
If you can help us with these. Please don't hesitate to open an [pull request](https://github.com/saadpasta/developerFolio/pulls).
- Connect with LinkedIn to get Summary, Skills, Education and Experience
- Move to Gatsby
- Add More Sections and Move to Multi Page
- Add Podcast Section and Video Section
## Contributors ✨
Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
Rohan Sawant
💻 📖 🎨 🚧
Fawad Ali
🤔 💻
Dasun Navoda
📖
Kartik Choudhary
💻 🎨 🤔
Brian Teeman
📖
Rajkumar S
💻
Slim Coder
💻 📖
Naveen M K
💻
---