Apps and Games

My collection of apps & games that I have developed mostly using Javascript, Python, Node, Flask, and MySQL.

Plotly App

This app is to show case power of Plotly Graph Framework, Python, Pandas and Flask. The app shows a few different ways you can load dataset into a pandas dataframe and show in different types of graphs.The app is also using AOS third party effects to load graphs as animation. Fun little app to play around with graphs.

Plotly, Python, Flask, Pandas, AOS, and Bootstrap (responsive mobile portable)

Polling App

This app is a Polling System. It is a demo program that I have developed to demonstrate how Python, Flask, Pandas, and Bootstrap work together. User can create a poll and have three options per poll. I have implemented a basic cookie session based approach to avoid duplicate voting. Ideally, we could use a login mechanism but that would not be annoymous voting. This is just a fun project to demonstrate reading data into pandas and write back to mysql server. You can create your own polls and share with friends and family.

Python, Flask, Pandas, MySQL, and Bootstrap (responsive mobile portable)

Memory Game

Memory game is made of 16 emoji's in a 4x4 matrix. Task is to match the boxes with the same emojis. See if you can win in 8 tries.

JavaScript, HTML5 & CSS3 (responsive mobile portable)

Bubble Sort Simulator

Bubble sort is a fundamental CS Algorithm to sort a list. This simulation shows how it works by iterating over the elements and swapping with elements which are lesser in value. This is not an efficient algorithm, with a loop inside a loop, but works for small datasets. I am randomly generating 50 unsorted random numbers in a list which are sorted by end of the simulation. You can click 'Randomizer' button to create an unsorted list, and then click on the 'sort' button to start the simulation.

JavaScript, HTML5 & CSS3 (responsive mobile portable)

Digital Photo Frame

This single page app will automatically download an image randomly from Internet as a 600x600 pixel and display. The page will automatically refresh every 5 secs. It is possible to create a (n x n) matrix to display smaller images as a gallary. I choose to show one image at a time, as a digital photo frame.

JavaScript, HTML5 & CSS3 (responsive mobile portable)

Students Record App

This app demonstrate CRUD operation using Flask. The app shows simple student database management app. Minimalistic Add, Edit, Update student records app. Using SQLAlchemy Rest API approach to interact with the backend MySQL database.

Python, Flask, MySQL, and Bootstrap (responsive mobile portable)

Todo App

This app is a ToDo App to manage your todo list. It is a demo program that I have developed to demonstrate how Python, Flask, SQL, and Bootstrap work together. User can mark the completed tasks and check them back as incomplete. It uses card UI of Bootstrap to show simplistics and clean interaction.

Python, Flask, MySQL, and Bootstrap (responsive mobile portable)

Tea Cup Animation

A cool team cup animation built on CSS without a single image!

JavaScript, HTML5 & CSS3 (responsive mobile portable)

Ring Simulation

Ring Simulation completely done using HTML and CSS, shows power of CSS.

HTML5 & CSS3 (responsive mobile portable)

AI : Tic Tac Toe

The famous Tic Tac Toe game based upon Artificial Intelligence algorithm. Try to beat it.

JavaScript, HTML5 & CSS3 (responsive mobile portable)

Hangman

The famous Hangman game where you have to guess a word within certain attempts or you lose the game. Contains only words related to JavaScript.

JavaScript, HTML5 & CSS3 (responsive mobile portable)

Palindrome

This program is a Palindrome checker for a word or sentence. Build using HTML and JavaScript.

JavaScript, HTML5 & CSS3 (responsive mobile portable)

Quote Generator

This program generates random quotes. Build using HTML and JavaScript.

JavaScript, HTML5 & CSS3 (responsive mobile portable)

Math Quiz

A simple math quiz game built using JavaScript, HTML, and CSS.

JavaScript, HTML5 & CSS3

A Simple Calculator

A simple calculator built using JavaScript, HTML, and CSS.

JavaScript, HTML5 & CSS3