Open Sources

OSS Contributions

Awesome WPOS

📝 A curated list of Web Performance Optimization. Everyone can contribute here!

Star:6369Fork:489
web webperf performance

Dev Hints

TL;DR for developer documentation - a ridiculous collection of cheatsheets

Star:4270Fork:834
cheetsheets

Preact Boilerplate

🎸 Ready-to-rock Preact starter project, powered by Webpack.

Star:835Fork:172
preact cli

Demo Progressive Web App

🎉 A demo for progressive web application with features like offline, push notifications, background sync etc,

Star:500Fork:145
html css javascript pwa

Barcode Scanner

📠 A simple, fast and useful progressive web application

Star:445Fork:120
html css javascript webworkers pwa

Frontend Cheat Sheets

Collection of cheat sheets(HTML, CSS, JS, Git, Gulp, etc.,) for your frontend development reference

Star:415Fork:85
html css javascript git gulp accessibility

Gulp Webserver

Streaming gulp plugin to run a local webserver with LiveReload

Star:351Fork:78
javascript gulp

How To Setup Webpack

🔧 ⚙ Tutorial to setup webpack from scratch.

Star:110Fork:10
webpack

React Hacker News

🔑 Hacker News site using React.js (fully responsive site)

Star:100Fork:30
html css javascript react

App Manifest

Web App Manifest Generator

Star:91Fork:7
html javascript pwa

Awesome Meta and Manifest

⚡ Awesome collection of meta tags & manifest properties available for building PWAs.

Star:75Fork:10
html metatags

Generator SMACSS

Perfectionist generator that scaffolds out different types of Frontend apps.

Star:58Fork:11
html css angular react yeoman

React Google Maps

A simple google maps application using React.js

Star:40Fork:18
html css javascript react

Frontend Developer Interview Preparation

Things you need to know to crack that frontend developer job.

Star:40Fork:17
html css javascript

React Floating Label

A material design styled floating label input.

Star:35Fork:20
html css javascript react material design

PWA Codelabs

Learn how to build your first progressive web application

Star:30Fork:19
html css javascript pwa

Anonymous Web Chat

💬 A PreactJS powered progressive web (chat) application

Star:25Fork:9
html css javascript preact

Dotfiles

My dotfiles (oh my zsh, brew, git, nvm, vscode settings) for your OSX

Star:21Fork:1
shell

ES6 Cheetsheets

A minimal documentation of ES6 features with cheetsheets & examples.

Star:15Fork:5
javascript es6

Create React Component

Create react component with create-react-component using webpack

Star:15Fork:5
react webpack

Fuel Price

⛽ Check fuel prices daily in most of the states in India

Star:15Fork:2
html css javascript pwa preact

Tools I Use

A collection of tools and applications I use for Frontend Development

Star:11Fork:2
browsers ide's terminals etc

Hamburger Menu

🍔 Auditing of hamburger menu to result in 60fps animation

Star:11Fork:2
html css javascript

React Material Snackbar

A material design based snackbar react component (2KB gzipped)

Star:9Fork:6
html css javascript react

PWA Tips - A bi-montly newsletter

Read about latest PWA's, Browser updates, new API's and its improvements in your inbox

Star:7Fork:2
html css javascript jekyll

Tensorflow Find Object

📸 A simple application to demonstrate TensorflowJS using mobile net model to predict objects via camera API

Star:7Fork:0
html css javascript react pwa

Is Domain Name Available

Check domain availability via CLI

Star:6Fork:0
node npm cli

Introduction to GraphQL & its concepts

📉 📊 Introduction to GraphQL & its concepts, limitations etc.

Star:4Fork:1
node express

Nearby Atms

💰 Find near by atm's with last active status powered by PreactJS

Star:3Fork:0
html css preact

VSCode Night Mode Extension

VS Code Extension to change custom theme in evening & revert to previous in morning

Star:3Fork:0
vscode
Gokulakrishnan Kalaikovan

Gokulakrishnan Kalaikovan

Web Developer &Google Developer Expertbased in India, Bangalore.