loading...
Cover image for I made a GitHub Readme Profile Generator

I made a GitHub Readme Profile Generator

rishavanand profile image Rishav Anand ใƒป1 min read

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 ๐Ÿš€

  • ๐Ÿ”ญ Iโ€™m currently working on Github Profilinator

  • ๐ŸŒฑ Iโ€™m 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

github twitter devto linkedin facebook instagram

Github Stats




Generated using Github Profilinator



GitHub Repo

GitHub logo rishavanand / github-profilinator

๐Ÿš€ Generate creative GitHub profile readmes in few click!

Posted on by:

rishavanand profile

Rishav Anand

@rishavanand

Currently working with Braincities Lab ยท MERN Stack ยท Full Stack Consultant ยท Backend Specialist ยท Building robust applications

Discussion

pic
Editor guide
 

This is awesome ๐Ÿ‘ . One suggestion make a separate scrollbar for preview

 

Yeah, good idea :)