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

npm run start

Top comments (4)

Markel F. • Jun 28 '19

Wow I love the idea, especially if you don't have to much time for creating an entire new website.

I was thinking, wouldn't it be useful to use environmental variables instead of a js file? It would allow for much better upgradability.

Jijin P 👨‍💻🦄 • Jun 28 '19

Thank You.

Yeah. it can be moved to environmental variables. I will refactor the code soon!!! 😃

José Cage • Jun 29 '19

Just tested and I think I will use for my site.

Actual: josecage.github.io 🚢

Congrats for your project.

Jijin P 👨‍💻🦄 • Jun 29 '19

Awesome 🥰

An Animated Guide to Node.js Event Loop

Node.js doesn’t stop from running other operations because of Libuv, a C++ library responsible for the event loop and asynchronously handling tasks such as network requests, DNS resolution, file system operations, data encryption, etc.

What happens under the hood when Node.js works on tasks such as database queries? We will explore it by following this piece of code step by step.