My Projects

Rock Paper Scissors Lizard Spock

The Big Band Theory's "rock paper scissors lizard spock" game built using ReactJS, Redux and Material UI.

Go to Project

REST Countries API

A web application that shows different countries of the world and their details with a colour theme switcher. Built using ReactJS.

Go to Project

E-commerce Product Page

The product page for a sneakers product with cart functionality and lightbox view.

Go to Project

Room Homepage

The landing page for a furniture brand with a slideshow to display its features. This was built using HTML, CSS and Vanilla JS.

Go to Project

Bookmark Landing Page

The landing page for a simple bookmark manager. The features and different versions of the product are listed there. This was built using HTML, CSS and Vanilla JS.

Go to Project

Launch Countdown Timer

A page showing the countdown timer for an event. This was built using Vanilla JS and CSS Animations.

Go to Project

Chat App CSS Illustration

A landing page showing the screen of a chat app and a small description. The mobile screen was completely designed with CSS only.

Go to Project

Shortly URL Shortening API

An application that shortens complete URLs. It was built using the shrtcode API and Vanilla JavaScript.

Go to Project

IP Address Tracker

An application that tracks the physical address from an IP Address. It was built using the IP Geolocation API by IPify and LeafletJS - A JavaScript library for interactive maps.

Go to Project

Fylo Data Storage Component

This is a page showing a user's data storage. It was built using Semantic HTML5 markup, CSS custom properties and CSS Flexbox.

Go to Project

Interactive Pricing Component

This is a pricing component that shows the prices corresponding to different amounts of pageviews. A toggle between monthly and yearly (with discounted rates) plans is also provided.

Go to Project

Testimonials Grid Section

This is a page showing a company's testimonials in a grid fashion. It was built using Semantic HTML5 markup, CSS custom properties, CSS Grid and CSS Flexbox.

Go to Project

Pricing Component with Toggle Master

This is a component showing a product's pricing plans. The user can toggle between Annual and Monthly plans. It was built using Semantic HTML5 markup, CSS custom properties and CSS Flexbox.

Go to Project

Sunnyside Agency Landing Page

This is a single page layout of an agency's website built using Semantic HTML5 markup, CSS custom properties and CSS Flexbox.

Go to Project

FAQ Accordion Card

This is an accordion card displaying FAQs for a platform. It was built using Bootstrap Framework along with Semantic HTML5 markup, CSS custom properties and CSS Flexbox.

Go to Project

Order Summary Component

This is component showing the user's order summary. It was built using Semantic HTML5 markup, CSS custom properties and CSS Flexbox.

Go to Project