DEV Community

Cover image for 🌟 Biggest “Online Tools” Collection: 10015.io 🧰

🌟 Biggest “Online Tools” Collection: 10015.io 🧰

Fatih Telis on December 01, 2021

Hi 👋, I'm Fatih, a frontend developer based in Istanbul and this is the short story of my project: 10015.io. 10015.io is an online toolbox projec...
Collapse
 
ronaldohoch profile image
Ronaldo Hoch

It's awesome!
You actually have made all tools we used to access different websites, please, turn it PWA.

Collapse
 
fatihtelis profile image
Fatih Telis

Hi Ronaldo, actually it is PWA, but there must be something wrong with the service worker. I'll fix that and let you know when it is installable.

Collapse
 
fatihtelis profile image
Fatih Telis • Edited

pwa

I've updated the PWA configuration. It works right now, but it takes some time to register the service worker. I'll take a deeper look when I have more time. Thanks for the feedback. :)

Thread Thread
 
ronaldohoch profile image
Ronaldo Hoch

Thank you 👏

Collapse
 
ronaldohoch profile image
Ronaldo Hoch

did you use the Workbox from google or write by your self the service worker?

Thread Thread
 
fatihtelis profile image
Fatih Telis

@ronaldohoch I'm using next-pwa package which is using Workbox under the hood. I'm using next.js, so it is not ideal to write the service worker by yourself.

Collapse
 
bpsagar profile image
Sagar Chakravarthy

I really loved the designs, illustrations and animations on the site! So neat!! All the best for your roadmap :)

Are you also considering accepting tools suggestion from others? Like crowdsourcing but probably vetting it yourself first before listing them.

Collapse
 
fatihtelis profile image
Fatih Telis

Hi Sagar, thanks for your kind feedback. 😊 I really spent time for the design even if I'm not a professional designer to make its UI/UX better.

I've a list on Notion for the tools I will develop in future. Some are the ones I added personally and some are the ones that people suggested. They contacted me via website or Twitter or even face-to-face (my friends 🙃) and if it is a tool I can develop, I add it to my list. Also, I have a priority section in the list, so sometimes I directly started to develop the suggested tool if the suggestion is a must-have tool for 10015.io.

If you have any suggestion, feel free to write. ✍️

Collapse
 
sahez97 profile image
Sahz

Curious to know how are you implementing themes using styled-components?

Collapse
 
fatihtelis profile image
Fatih Telis

Hi Sahz, I'm using ThemeProvider of styled-components and all colors, typography, sizes, shadows etc. are passed as props to components.

Collapse
 
sahez97 profile image
Sahz

Doesn't ThemeProvider reduce performance of the app?
I went through a great article by Kent C.Dodds - epicreact.dev/css-variables/

He explains why using global css variables is more performant that using React context ThemeProvider

Thread Thread
 
fatihtelis profile image
Fatih Telis

Great article Sahz. I've read it before and why I'm still using the ThemeProvider approach is, there is no dark mode in my application, so there will be no re-render problem. Also, I'm not only sending colors, sizes etc. but also some helper functions and block styles from ThemeProvider which is not possible with CSS variables.

Collapse
 
nn6v6nn profile image
Richard Kwok

10015 is a man with 2 eyes and 1 ear
look at my name nn6v6nn

Collapse
 
fatihtelis profile image
Fatih Telis

Nice approach 🧠 This is not the first time someone says 10015 looks like a face. Actually, if you look closer the the logo, 10015 is "TOOLS". 🤯 🙃

Collapse
 
nn6v6nn profile image
Richard Kwok

amazing , I like it

Collapse
 
jair profile image
jair

Thanks <3 it's beautiful, keep it up

Collapse
 
fatihtelis profile image
Fatih Telis

Thanks Jair.

Collapse
 
nn6v6nn profile image
Richard Kwok

Made with ♥ in Earth

Collapse
 
keeran_raaj profile image
Raj Kiran Chaudhary

Quite awesome.

Collapse
 
fatihtelis profile image
Fatih Telis

Thanks Raj. I hope you like it. 😌

Collapse
 
puka_tchou profile image
Puka Tchou • Edited

Really nice project, good luck maintaining it!

Collapse
 
fatihtelis profile image
Fatih Telis

Thanks for the good wishes Puka. 🤞

Collapse
 
jurnet profile image
Jurnet

Another one is that
t.yctin.com/en/excel/to-php-array/
Excel to PHP array

Collapse
 
fatihtelis profile image
Fatih Telis

Added. ✅

Collapse
 
immazoni profile image
Justin H

Amazing.

Collapse
 
fatihtelis profile image
Fatih Telis

Thanks Justin.

Collapse
 
jurnet profile image
Jurnet

Hi thks for this. Are u interested to add more , like dedupe list....

Collapse
 
fatihtelis profile image
Fatih Telis

Hi Jurnet, thanks for the feedback. I added it to my upcoming tool list. ✍️

dedupe

Collapse
 
harunmemis profile image
harun

It's awesome project. All the tools developers need in one place. Good luck

Collapse
 
dineshs91 profile image
Dinesh S

Looks amazing. This should come in very handy for me.

Collapse
 
fatihtelis profile image
Fatih Telis

Thanks Dinesh. I'm glad you like it.