Portfolio|Ayan Banerjee

Website Mockup - HRN

A mockup of the HRN website, that is fully responsive. I chose to build it since I was looking to use the glitch effect, and this site did, when hovered on their logo. Additionally, it used the black color, which most websites don't nowadays. I also built a mini-framework for this, as you can see in it's repo.

Most used: SASS jQuery

Website Mockup - NGTI

A mockup of the NGTI website, desktop only, made as a challenge to make a website in one day. I chose this because it had great white space usage and a very clean design. I also wanted to sharpen my quick coding skills. Here's the repo.

Most used: HTML5 SASS

Todo App - MEAN Stack

This was a result of experimenting with the MEAN Stack, it is a simple NodeJS app, where the user types in todo stuff, and can remove them by clicking on it. It is connected with a MongoDB database hosted on Mlab. You can find the repo here.

Most used: NodeJS Express MongoDB

Crossroof

The project idea was to have a comprehensive database of doctors, hospitals and donation centres across India, and this website acted as it's front. I was team-lead and Frontend Developer.
It was my first foray into web development and also the first large-scale website built by me, single-handedly. It was later improved upon; the mobile version of the site is a better reflection of my skills. The repo is here.

Most used: HTML5 CSS Javascript

Rotating Cube

A cube with random rotation and colour gradients. This idea was brought to life by the wonders of CSS gradients and a simple random function.

Most used: HTML5

Slack Mockup with ReactJS

A mockup of the popular office-chat application Slack, with the help of ReactJS. You can message individual people or channels too! You can set up the project here

Most used: React JS

Magic Form

Forms are one of the most important elements of a website and also the most boring. Here I tried to devise a manner in which they might be made more interesting and intuitive.

Most used: VueJS

Day/Night Theme

I had to originally implement two themes in a single project, and hence decided to do this mini-project with a focus on switching themes. The switcher icons (Sun, Moon and Stars) are CSS generated.

Most used: SASS HTML

Website Concepts

Website concepts which were built taking inspiration from mockups made on Uplabs, Dribbble etc. I try to code them exactly like the mockups - as the provided examples would suggest:

A product card in different design styles - Material, iOS and Tile
A concept for white-space minimalistic usage
A card concept for the planet Mars

Most used: HTML SASS