My first official PH maker project | Hacker News Reader

My first official PH maker project

2 pointshugohamelcom6 comments

Hey hackers,

I've spent the last few months (only few hours here and there) working on a solution for a problem I had.

I created this project because I was often distracted by the fact that I was having a second screen, and as I was getting tired of having to turn it on & off, I decided to build something similar to Brain.fm but without the audio (for now) to keep myself focused.

Here's the link to the Product Hunt page: https://www.producthunt.com/posts/cofy (I've added the clickable in the comment below)

I'd love to have your feedback and potentially improve the project see where it goes.

Thanks!

---

Originally posted on Indie Hackers: https://www.indiehackers.com/post/my-first-official-product-...

View on HN

Here it's better to link to the project page https://cofy.stream/ instead of produchunt or other indirect source.

From the comments, the idea to add a calendar or something seams nice.

It also would be nice that the page initially shows the logo and navigation, and after 5 seconds they fade. I was looking at the screen waiting until it loads ...

Picking the color would be nice.

Is there some interesting technical anecdote about the project? Is there any problem to support multiple browsers or screen resolutions? How do you pick the color in rainbow? I guess RGB(Random(256),Random(256),Random(256)) is not a good method.

Also, the title here should be something like "Cofy: Remove distraction on your second screen and stay focused".

Hey Gus, thanks for your feedback, that's really helpful. As you can see I am also new to HackerNews :P

I'll definitively work showing the navigation at the beginning, that's a really good point.

Indeed, having some tones of color could be interesting.

The rainbow is done in CSS (have a look at style.css), so you can definitively stretch it to any size. There could be some compatibility issues with older browsers. Here's the CSS color shade of the page background: linear-gradient(-45deg, #C5E5DE, #B1E0EC, #A2C5BF, #95D1C4, #6DC5DC, #8ADCB3, #72BDC2, #8A9BB1, #72C1B0, #FED156, #52BAD5, #66CC99, #F99899, #E3B63D, #F1C40F, #06B3DB, #FEBE12, #98AE60, #1ABC9C, #CC89A2, #EE836E, #F39C12, #64AE60, #78AD45, #2C9AB7, #3498DB, #E8755C, #27AE60, #449A88, #E67E22, #16A085, #EA5B4D, #C26787, #E85C41, #2980B9, #0082C8, #527D5A, #E54B4B, #E74C3C, #DC3D66, #167C80, #D35400, #72616E, #547B30, #D83944, #DB334E, #9B59B6, #DB3A1B, #BD3559, #27695E, #C0392B, #345773, #993366, #8E368B, #16528E, #34495E, #782344);

That's much more concise, I like the title of the page that you suggested.

Thank you so much Gus for your feedback, I am really grateful for it! Really appreciated :D

How did you pick these numbers?

I started with this codepen: https://codepen.io/nohoid/pen/kIfto Then I made adjustments to the colors to have them blend better together.

@gus_massa I just updated the project to show the nagivation for the first 5 seconds before hiding it, and changed the title of the page.

I'll soon be working on a countdown time until next "event".

Here's the link to the Product Hunt page: https://www.producthunt.com/posts/cofy (So you don't have to copy/paste it from the post)

Reply on news.ycombinator.com