Deepflow banner

Deepflow

8 devlogs
13h 59m 14s

A cozy website for programmers and studends with timer and music.

Demo Repository

Loading README...

Sam

Shipped this project!

Hours: 13.99
Cookies: 🍪 218
Multiplier: 15.61 cookies/hr

Deepflow is a cozy website where you can focus giving yourself a certain amount of time and listen to lofi-songs. You can also combine ambient sounds with the music. The main purpose of creating this website is that most of the timer on the internet look bad or are just not according to my preference.

Learnings:

  • Timer using Date
  • Working with audios
  • Working with sliders for adjusting sound
Sam

Final devlog!! I forgot to add the README last devlog. Now I’d have to figure out a new project.

Attachment
0
Sam

I guess this will be my final devlog for this project. I have made the website responsive. Now I don’t know what to do. That’s why I’m writing this devlog.

Attachment
Attachment
0
Sam

Added more songs to my website. It took longer that expected to build but anyways it finished. Now I will be purely focusing on the responsive part of the website.

Attachment
1

Comments

mailto.dhishenteja

cool

Sam

Added some hover effect for the ambient sound button and mainly I have completed the sound controls. My original idea was to use alot of animations. The candle would slowly finish with the timer. The music player dish rotates while playing music. These were the concept but I didn’t find any good free AI to convert my images to video like I wanted. It’s really sad. The good part is I’m almost done just need to add some musics and then I will jump to the responsive part.

Attachment
0
Sam

Finally added the sound functionality. Now whenever the user presses play a cozy lofi music also plays in the background. The ambient sounds also work by clicking one of the four buttons. They play ambient sound corresponding to the buttons. I’m loving the progress so far.

Attachment
0
Sam

When I thought building time couldn’t get any harder. Unfortunately for me it did. But finally I have finished the timer. The play and pause button works completely fine and so does the reset button. You can just edit the timer by clicking on the timer and editing the numbers and yeah that’s all it. Now I’m going to work on the sound system…

Attachment
0
Sam

Add timer to my website. Thought it was a piece of cake but for my brain it was really hard. It just couldn’t understand the math. I feel someone reading this would be laughing cuz it’s easy for them. I feel like a beginner again but I somehow finally created this timer. There are improvements needed to timer so I’m gonna go to work on that

Attachment
0
Sam

This is the first Devlog of this project. I made this project for coders and students. This website is a cozy place where the users can play music with the ambient noise of their preference and set a timer to lock in. I have just created the basic UI of the website. I plan to make the timer working next.

Attachment
0