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

Awesome Meta and Manifest

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

Star:159Fork:16
html metatags

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

Generator SMACSS

Perfectionist generator that scaffolds out different types of Frontend apps.

Star:58Fork:11
html css angular react yeoman

Frontend Developer Interview Preparation

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

Star:40Fork:17
html css javascript

React Google Maps

A simple google maps application using React.js

Star:40Fork:18
html css javascript react

Dotfiles

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

Star:39Fork:7
shell

React Floating Label

A material design styled floating label input.

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

awesome-web-newsletters

ðŸ”Ĩ List of awesome web related newsletter to subscribe.

Star:31Fork:5
markdown

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

Fuel Price

â›― Check fuel prices daily in most of the states in India

Star:18Fork:4
html css javascript pwa preact

Create React Component

Create react component with create-react-component using webpack

Star:15Fork:5
react webpack

ES6 Cheetsheets

A minimal documentation of ES6 features with cheetsheets & examples.

Star:15Fork:5
javascript es6

Tensorflow Find Object

ðŸ“ļ A simple application to demonstrate TensorflowJS using mobile net model to predict objects via camera API

Star:12Fork:2
html css javascript react pwa

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:3
html css javascript

React Material Snackbar

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

Star:9Fork:8
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

Is Domain Name Available

Check domain availability via CLI

Star:6Fork:0
node npm cli

teardown

ðŸ’Ģ Teardown the published project in surge.sh via command line.

Star:4Fork:0
javscript node npm

habits tracker

A habit tracker app (Made it for myself :P)

Star:4Fork:1
html css reactjs pwa

react-hooks-accordion

A simple accordion using react hooks ðŸĪŠ

Star:4Fork:0
html css reactjs

Introduction to GraphQL & its concepts

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

Star:4Fork:1
node express

VSCode Night Mode Extension

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

Star:3Fork:0
vscode

Nearby Atms

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

Star:3Fork:0
html css preact

This Week In Web

Get weekly coverage about what's happening in web community

Star:1Fork:0
html css javascript gatsbyjs

gatsby-lite-boilerplate

💅A simple and minimalistic theme to get started with gatsby based blog

Star:1Fork:0
html css reactjs graphql gatsbyjs

Hi, I'm Gokul

I'm a web developer based in India, Bangalore. I love web, contribute to open source, I talk about web & javascript, and aGoogle Developer Expertfor Web Technologies.

Gokulakrishnan Kalaikovan