Menu

100 Days of Code

I decided to take up this challenge to tinker with interesting tech stack and continue learning by creating side projects over 100 days. All the code is available on my github and detailed description of each project is available on my medium blog.


Snapshot of projects done so far is also documented below.


DAY 22: AI Game Bot using OpenAI Gym and Universe

Read full article on medium
  • Created an AI GameBot using Open AI Gym and Universe
  • It uses reinforcement learning technique to beat any Atari game thrown at it

Teck Stack: Python, Open AI Gym, Universe, Docker GitHub

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

Teck Stack: 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

Teck Stack: 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

Teck Stack: 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

Teck Stack: 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.

Teck Stack: 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.

Teck Stack: 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.

Teck Stack: 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.

Teck Stack: 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.

Teck Stack: 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

Teck Stack: 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.

Teck Stack: 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

Teck Stack: 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

Teck Stack: 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

Teck Stack: 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.

Teck Stack: 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.

Teck Stack: 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.

Teck Stack: NPM, Babel, Webpack Brackets, React, Terminal, GitHub