Menu

100 Days of Code

I decided to take up this challenge to push myself to continue learning and create interesting side projects. This would be something other than what I code for my regular work. Will be documenting my progress here of projects done over 100 days.


The only rules I have set for myself is that I will code atleast for an hour and the code should be towards a meaningful project with commits on github (yes closed source commits dont count!).

Snapshot of my progress is documented below.


Read more about all this on  Medium

DAY 21: Twitter Bot using Node.js

Read full article on medium
  • Created a twitter bot app using Node.js and motivation quotes Rest API
  • Deployed on Heroku and ping service

Tools: Node.js, Twitter API, Forismatic REST API, NPM GitHub

DAY 20: Go Lang - Quickstart Guide

Read full article on medium
  • Installed, built and deployed a simple Go app

Tools: Go, Terminal, GitHub

DAY 19:  RESTful API in Java with JAX-RS Framework

Read full article on medium
  • Created a RESTful app in java using JAX-RS Framework that services user information
  • Deployed the web server using tomcat and tested using postman

Tools: Eclipse, Postman, JAX-RS, Java, GitHub

DAY 16-18:  Creating and publishing an extension app for Chrome to Google WebStore

Read full article on medium
  • Created a chrome extension app that pops up tech news powered by HackerNews.
  • Published it to Google WebStore: App Link

Tools: Chrome Extension, Google Webstore, Brackets, Terminal, GitHub

DAY 14 & 15:  Messenger ChatBot that responds with kitten images

Read full article on medium
  • Incrementally adding more intelligence to the messenger ChatBot to reply with rich messages.
  • Bot uses send/receive API to reply with kitten images and call to action buttons.

Tools: Node.js, Heroku, Messenger Bots, Terminal, GitHub

Day 13: AI ChatBot for Messenger using Node

Read full article on medium
  • Created a ChatBot for messenger with a simple AI logic to respond to messages.
  • The messenger bot was created using Node then deployed and hosted on Heroku.

Tools: Node.js, Heroku, Messenger Bots, Terminal, GitHub

Day 12: Created a Docker image and deployed it on AWS Beanstalk 

Read full article on medium
  • Created a docker image for random funny gifs generator app using Giphy API.
  • Successfully deployed the docker image onto AWS Elastic Beanstalk.

Tools: Docker, Docker Terminal, AWS Elastic Beanstalk, Terminal, GitHub

Day 11: Using Docker to build and deploy a distributed app

Read full article on medium
  • Setup Docker and created a simple webapp container hosted on Docker repo.
  • Built and deployed the distributed webapp using Docker and ran it on a Ngnix Webserver.

Tools: Docker, Docker Terminal, Ngnix, Terminal, GitHub

Day 10: Using Facebook SDK in React Native App

Read full article on medium
  • Successfully installed and integrated facebook SDK into React Native App
  • Created a Login Component with ability to login using facebook login button.

Tools: React Native, Xcode, FB SDK, CocoaPods, Terminal, GitHub

Day 9: Porting React Native App across platforms

Read full article on medium
  • Installed Android Studio, SDK and emulator for Android App dev.
  • Completed the react native app by making it cross-platform compatible in Android as well as iOS

Tools: React Native, Android Studio, Nexus Emulator, Terminal, GitHub

Day 7 & 8: Cross-Platform App with React Native

Read full article on medium
  • Built a cross-platform (android, iOS and web) app with React Native.
  • App leveraged react navigation for routing, fetch API, Firebase REST API.
  • Built reusable UI components with ImageView, WebView, ListView, ScrollView etc.

Tools: React Native, Homebrew, Watchman, Xcode, NPM, Node, Firebase, Terminal, GitHub

Day 6: Realtime Tweets Analysis using Spark Streaming

Read full article on medium
  • Setup and created a project using Spark Streaming in Scala
  • Streamed live tweets using Spark Streaming and Twitter app API

Tools: Spark Streaming, Twitter API, Scala IDE on Eclipse, Terminal, GitHub

Day 5: Making Server request with Axios

Read full article on medium
  • Introduced HTTP network capability to the app using Axios to make github API calls.
  • Wrapped up all components together to allow searching github for bios and repos using axios as well as note taking ability using firebase
  • React App completed

Tools: ReactFire, Axios, Firebase, React, Webpack, Babel, Atom, Terminal, GitHub

Day 4: Validating and Managing State

Read full article on medium
  • Added data validation using PropTypes to all the components.
  • Added state management between components.
  • Created a component that lets user add notes that are synced to firebase realtime

Tools: ReactFire, Firebase, React, Webpack, Babel, Atom, Terminal, GitHub

Day 3: ReactFire, Firebase for Data Persistence

Read full article on medium
  • Added data persistence to the app using ReactFire and Firebase.
  • Data was seeded into the realtime JSON database.
  • Created a notes component that renders a bootstrapped list of data from firebase using data binding property.

Tools: ReactFire, Firebase, React, Webpack, Babel, Atom, Terminal, GitHub

Day 2: React Router, State and Props

Read full article on medium
  • Continued working on the buildout of React app for github repo search and notetaking use case.
  • Created multiple react components and configured their interaction using react router.
  • Setup react state and props for modelling data.

Tools: React-Router, Babel, Webpack Atom, React, Terminal, GitHub

Day 1: First React App

Read full article on medium
  • Coded and created this website, setup goals and got organized - here we go!
  • Installed react, react DOM, babel, webpack with npm.
  • Setup, created and ran my very first React App with a single component of the clichéd "Hello World".
  • The app was configured using webpack and transpiled using babel.

Tools: NPM, Babel, Webpack Brackets, React, Terminal, GitHub