This Dashboard

This is day 0. I built this dashboard to showcase the upcoming projects in this challenge

Location Weather Info App

I've built a Weather Location Info App which detects a users location and displays weather along with icon

Form with Progress Bar

I've built a form in which a proress bar fill up as the user enters valid values in form fields

The Superhero Store

I've built a web page which contains a carousel of Super Heroes and on clicking anyone of them, the details are shown

Guess the Superhero

I've built a web page which contains an Accordion of Super Heroe eyes and on clicking anyone of them, the accordion is expanded

Quiz Time

I've built a Quiz Application using the Open Trivia Database APIs, vanillaJS and HTML, CSS

Travel Timeline

I've built an HTML Page to display a travel timeline like UI using the AOS (Animation on Scroll) library

Popup Chat Window

I've built a Popup Chat window using HTML, CSS and Javascript and used pure CSS based animations.

Tic Tac Toe

I've built a Tic Tac Toe Game using HTML, CSS and Vanilla JS. The game uses brute-force winning combinations matcing.

GIFyyyyy!!!!

I've built a webpage to search and display GIFs fetched using the GIFy API

WebGL

I've built a webpage using Three.JS and WebGL APIs available in the browser. This was a quite chaalenging task

Static Server

I've built a Static server to host files using Node.JS

Email Notification System

I've built a Email Notification/Sending server. Fill up a form and hit send. This will send an email using Node.JS

Chat App

I've built a chat application using socket.io and bootstrap. This chat application utilizes event emission and reception

Users API

I've built a Users API using Mongoose and MongoDB with Node.JS and express.

Product List using Shopify

I've built a Products List page using the Shopify API.

Web Scraping Commodity Prices

I've built a web scraper that scrapes the prices of commodities

Voice Changer

I've built a voice changer using Pizzicato, HTMl and CSS

Text Detection

I've built an API using Node.JS and Google Clound Vision API to detect text in images

Alexa Skill

I've developed an Alexa skill using Amazon Alexa Skills Kit and ExpressJS

Where should you Travel Next

I've developed a fake flight ticket generator using aviation stack API

GraphQL Server

I've developed GraphQL server using expressJS

Serverless Function

No coding today. Just learnt about the serverless framework and pushed a starter project

WebRTC Video Call

Implemented a WebRTC based video streaming application using Node.JS

PDF Generator

Implemented a PDF Generator using PDF Kit

Google Assistant on RPi

Installed Google Assistant on Raspberry Pi

REST API for Kaggle Data

Parsed CSV data from Kaggle and create a REST API around it

Uploader using Uppy

Built a file uploader using Uppy

JWT Based Authentication

Built JWT based authentication API using Passport.js

Command Line Crypto Currency Trading BOT

Built command line based crypto currency trading bot structure. Need to integrate an algorith to make it efficient and trading ready

Block Chain Theory

Not much of coding stuff today. Just read about the Blockchain technology and it cleared a lot of misconceptions that I had in my mind

Brand Logos using only CSS

Re-created some brand logos using CSS only.

AWS Lambda Theory

Learnt about AWS Lambda and it's features. Created a basic handler in Node.JS

Mocha JS Theory

Learnt about Mocha JS and how to write test cases using Mocha.JS. Also read about the importance of Test Driven Development

Excel/CSV Processor

Built a route in my nodeJS application which accepts a CSV file and processes it to remove all the duplicate rows.

Slack Notifier

Built a route in my Node.JS app that sends a text notification to a user using twilio whenever the user receives a message on slack

Facebook Messenger BOT

Setup a facebook messenger bot that replies automatically when a user sends a message to a page.

Live Scratchpad

Build a live scratch pad using socket.io

Setup Cezerin

Setup cezerin and deploy on heroku

Stripe Demo

Setup a test application that processes payments using Stripe

Open Banking APIs

Learn about available open banking APIs and implement a test flow.

Swagger UI

Learn about Swagger UI and it's integration with Node.JS

Heroku Deployment

N/A

Article Viewer

Created a React Application to view News Articles

CSS Animation

Created a simple CSS Animation and animated my name along with randomly changing the background gradient

Admin Panel

Created a mock Admin Panel using Material UI and React.

MERN App

Learnt about a whole new application structure. Setup a MERN app with both client and server in a single project.

CSS Animation (Mandala)

Created a spinning CSS animation.

Hamburger Menu Animation

Created an icon for hamburger menu that animates on click

Day Night Animation

Created a Day Night animation using CSS only.

Ripple Animation

Created a Ripple animation using CSS only.

Statistics

Created a Graph using CSS only.

Profile Card

Created a Profile Card.

Notification Panel and Search

Created Notification Panel with Search and Drawer

Metaballs

Weather Card

Smartwatch Face

Walking Shoes

Quote

Profile

Bicyclopter

Blobby

Sunny Day

Ellipses Animation

Sparkle Checkbox

Parasol

Recording

Eye

Calendar Days

Morse Code Keyboard

The Rings

Hello

Pagination

Spinning Discs

Password

Motion Blur

Hover Shadow

Dancing Lines

Stars

Twisted Pyramid

Send

Warp Drive

Book Cover

Something

Newton's Cradle

Ruby

Candle

Animated Pattern

Flower

Sphere

Dancing Points

Lock

Tree

Pig

Jumping Square

Puppet

Icon Animation

Plopp

Mandala

THE END