DEV Community

Jijin P 👨‍💻🦄

Posted on Jun 28, 2019 • Updated on Sep 3, 2019

Let's create a Personal Website with Github and Medium or Dev.to Account.

#showdev #opensource #webdev

I have created a simple personal website maker with Github, Dev.to or Medium. Simple configuration. All it needs is your username on Github and Dev/Medium.

PJijin / Personal-Website

🙋‍♂️Create your personal website and blog with Github, Medium or Dev

Personal Website Template

Other projects:

🏙 Cover Image Generator - Generate a cover image for your blog post online.
🔖 MarkDown - Live Markdown Generator
🗒 Paper - A "no-cloud" note taking app with "networkless" sharing.
👨‍💻 ShowPath - Learning Path for Programmers

_{Code with ♥️}

Features ✨

Automatically shows your GitHub public repo, blog posts (dev.to or medium) on your personal website.

Show Github Repo
Show Medium or Dev.to Blog Posts

Usage

Clone the Repository

 git clone https://github.com/PJijin/Personal-Website.git

Run this command to install dependencies
```
 npm install
```
Open src/config.js and then enter your social media account username.
Customize about us page from src/components/About/about.js
Run
```
npm run start
```

🤝 Contributing

Contributions, issues and feature requests are welcome!

Show your support

Give a ⭐️ if this project helped you!

View on GitHub

The website consists of Github repository portfolio and blog posts from Dev.to or Medium, About Us Section, Basic Profile information.

Hit ⭐️ if you like the project 😍, Feel free to open issues 🎉

Github: https://github.com/PJijin/Personal-Website

Demo: https://personal-website.pjijin1.now.sh/

Follow On Twitter: https://twitter.com/PJijin

Usage

1 Clone the Repository

 git clone https://github.com/PJijin/Personal-Website.git

2 Run this command to install dependencies

 npm install

3 Open src/config.js and then enter your social media account username, name, title.

const config = {
    name: 'Jijin',
    title: "Hi I'm Jijin 👋🏻",
    blog: 'Dev', // Dev.to or Medium (Make blank if you don't need the blog)

    // Social media profile username
    github: '', // [REQUIRED] Github Username
    twitter: '', // Twitter Username
    stackoverflow: '', // Eg: 3211944
    medium: '', // without @ symbol
    instagram: '',
    dev: 'pjijin',
    youtube: '', // Channel ID
    linkedin: ''
};

4 Customize about us page from src/components/About/about.js

5 Run