Bia | Devpost

Landing Page
Choose from two modes
Options to relax
Work session with music and timer support
Music Break
Meditate

Inspiration

I love minimal design and I have yet to come across a productivity tool that follows minimalistic design principles, to help me be more productive.

What it does

Bia is a productivity tool that allows you to block all distracting sites. It consists of two modes - Work Session Mode and Break mode where the user can work for 60 minutes, with the option of music playing in the background or opt to take a break where user can listen to music or relax.

How I built it

My focus was on making the design more minimal and to the point, which was done using Figma. The site is built using HTML/CSS and Javascript. It also uses the JS library - Howler.js to handle audio. The design style followed is called Neomorphism.

Challenges I ran into

It was my first time building a full-blown Figma design, using animations and prototyping so it was difficult to do it in a stipulated time. It was also difficult to manage all aspects of the project - from design, code, video-editing etc, all by myself. I could not implement some of the features I had in mind as well as the meditation mode.

Accomplishments that I'm proud of

I am proud of having developed a basic functioning prototype of the entire tool that I had in mind. The front-end of the implemented parts is also nearly pixel-perfect, which was my aim since in a lot of projects I run out of time when finishing the UI.