Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
August 9, 2020 06:29 am GMT

I made a GitHub Readme Profile Generator

Ever since I saw GitHub's tweet about Profile readmes, I've had the idea of creating a GUI tool for it. I've seen a couple of generators but I didn't find them exciting enough. Last week I finally got the time to create one. It took me almost 7 days to release the first version and I personally feel very proud of my work.

Here is a quick demo:

Github Profilinator

So, what it does?

This tool contains small components that you can hook together to create your perfect readme. I've tried to compile many creative components by developers from around the world. It has a very flexible layout that allows you to place your components wherever you want in the readme.

Features

  • Lets you add gifs and provides options to resize and align them
  • Provides checkboxes for adding your skills
  • By simply adding your social handles, social badges are generated
  • Allows to you add your blog posts dynamically
  • Provides a visitor counter
  • Allows multi-column flexible layout

Roadmap

If this project gets some heat, I plan on adding dynamic feeds from Twitter and Instagram directly in the readme.

What did I use?

I used Gatsby (TypeScript) with AntDesign UI Library. It was my first time using AntDesign and I've already fallen in love with it.

Demo

Sample of Generated Profile

GitHub logo rishavanand / rishavanand

My Github Profile

I'm Rishav, a full-time full-stack freelance developer working remotely since 2013

  • Im currently working on Github Profilinator

  • Im currently learning Hyperledger and Kubernetes

  • Ask me about anything related to MERN stack and related technologies

  • Find more about me on my website rishavanand.com

  • Fun fact: I use tabs over spaces


My Skill Set

Frontend

React Bootstrap CSS3 HTML5 Electron JavaScript TypeScript Illustrator Chart.js

Backend

C++ Django C Java HTML5 JavaScript TypeScript PHP MongoDB Node.js Linux Nginx Python Express.js Git Redux Bash

DevOps

AWS GCP Kubernetes Linux Git Bash

Connect with me

githubtwitterdevtolinkedinfacebookinstagram

Github Stats



Generated using Github Profilinator



GitHub Repo

GitHub logo rishavanand / github-profilinator

Generate creative GitHub profile readmes in few click!


Original Link: https://dev.to/rishavanand/i-made-a-github-profile-readme-generator-3fap

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To