Canvas Slideshow

This project features some of my drawings I made during 2020 covid lockdown as I was exploring new hobbies and delved deep into sketching and drawing!

As I progressed further with JavaScript, I learned to make an automatic slideshow along with sharpening my CSS skills like how to use box shadow and transform properties.

This project was my first ever try at 3D CSS. Making a simple 3D cube was confusing at times but fun! I learned a lot about 3D transforms.

Each cube face shows a single div CSS art. A CSS Art made with just gradients!

After I learned about random function in JavaScript, I decided to use it to make a small project - fortune generator.I guess you might have heared about fortune cookies?

I wrote an array to store various fortunes which I am displaying using random function.Getting the animation right was a little confusing but then I ended up using setTimeout function.

I got to know about input color field of HTML - so why not play around with it!

Color Picker is a project to pick and drop different colors for each part of powerpuff girls drawing. I also learned to set an image for cursor using CSS - an eyedropper here.

Gradients are truly amazing. Borders, texts and backgrounds everything can have gradients.

This project helped me understand gradients a lot better. I also generated random colors then used them for different gradients.

A project to understand DOM Manipulation with JavaScript better.

It is a step by step visualiser to make a dog with origami.

Making small games with JavaScript is the best way to understand concepts better and have fun along the way.

I made a dice roll game which helped me to understand DOM Manipulation, helped build my logic and try 3D CSS also.

Any application requires a database to handle storage and management of data.

I made a grocery list application that allows users to prepare their grocery lists. It uses Firebase for storing the list items.