You are browsing as a guest. Sign up (or log in) to start making projects!

FrictionHub

  • 29 Devlogs
  • 37 Total hours

Make your everyday tasks easy and fast

Ship #7

FrictionHub

This is a small web app that helps to reduce digital friction.

Features

  • CopyBoard
    Here you can save frequently used texts emails etc inside your browser storage
  • Password Generator
    You can save 100% secure and random passwords. and save it in your browser storage. so if you forgot it you can retrive it again.
  • Text Cleaner
    You can clean a large messy text by removing empty lines. unwanted spaces and more.
  • Case Conveter
    Convert a large text into different cases like uppercase lowercase sentnce case etc…
  • Shopping List
    Create and manage shopping lists and save them as PDF files.
  • Color converter
    For html coders converting color codes are difficult.
  • Find and replace
    Finding and replacing some texts from long paragraphs areuch boring stuff.
  • Currency converter
    Buying items with international cards are very hard to find exhchange rates and converting
  • qr code generator
    instead of sending urls using url we can enter sites using scanning.
  • text difference finder
    finding small small differences in texts paragraphs are very boring
  • url cleaner
    remove tracking ids and unwanted things from url.
  • Weather dashboard
    find the weather of a city by searching simply.
  • Code formatter
    Formats html css js and python codes clean and neat.
  • Base 64 converter
    Convert images and texts into base64 and decode them too.
  • BooksFinder
    Uses openlibrary api to find details of many books.
  • RecipeFinder
    Uses themealdb api to find images and recipe to find food items
  • Dictionary
    Uses Dictionary api to get meaning and other information about words ir phrases
  • Pomodaro Timer
    Focus,take break and acheive your gols through pomodaro timer.
  • CSS Gradient Generator
    Make CSS Gradients by selecting colors only and instantly copy the code
  • World Clock
    Check and analyse the world time and time differnce between zones.
  • Typing speed checker
    Measure your word per minute using this sub app. Typing is a big support to devlopers.
  • CSS box shadow maker
    Make box shadows in css by using some sliders.
  • Count down
    make some count downs for important events.
  • 2 devlogs
  • 3h
Try project → See source code →
Open comments for this post

1h 4m 7s logged

Devlog

Added a new sub app CSS border and radius and box shadow maker

It helps users to make border boxes etc correctly.

When working on this my hackatime got disconnected and I just reconnected it and now it works. The app is just very simple and good working

0
0
4
Open comments for this post

1h 59m 53s logged

Devlog

Added a new sub app called countdown meter.

It was a big herculean task to debug my errors at first I didn’t got the correct logic to make this. So it took time for me to understand. Also debugging took most of the time. My last 30min were debugging.

Features

  • select time and date.
  • and click add
  • then the timer will start up
0
0
3
Ship #6

FrictionHub


FrictionHub is a small collection of Quality of Life improving miniweb tools made with html css and js only.

Added PWA setup to the website


Features

  • CopyBoard
    Here you can save frequently used texts emails etc inside your browser storage
  • Password Generator
    You can save 100% secure and random passwords. and save it in your browser storage. so if you forgot it you can retrive it again.
  • Text Cleaner
    You can clean a large messy text by removing empty lines. unwanted spaces and more.
  • Case Conveter
    Convert a large text into different cases like uppercase lowercase sentnce case etc…
  • Shopping List
    Create and manage shopping lists and save them as PDF files.
  • Color converter
    For html coders converting color codes are difficult.
  • Find and replace
    Finding and replacing some texts from long paragraphs areuch boring stuff.
  • Currency converter
    Buying items with international cards are very hard to find exhchange rates and converting
  • qr code generator
    instead of sending urls using url we can enter sites using scanning.
  • text difference finder
    finding small small differences in texts paragraphs are very boring
  • url cleaner
    remove tracking ids and unwanted things from url.
  • Weather dashboard
    find the weather of a city by searching simply.
  • Code formatter
    Formats html css js and python codes clean and neat.
  • Base 64 converter
    Convert images and texts into base64 and decode them too.
  • BooksFinder
    Uses openlibrary api to find details of many books.
  • RecipeFinder
    Uses themealdb api to find images and recipe to find food items
  • Dictionary
    Uses Dictionary api to get meaning and other information about words ir phrases
  • Pomodaro Timer
    Focus,take break and acheive your gols through pomodaro timer.
  • CSS Gradient Generator
    Make CSS Gradients by selecting colors only and instantly copy the code
  • World Clock
    Check and analyse the world time and time differnce between zones.
  • Typing speed checker
    Measure your word per minute using this sub app. Typing is a big support to devlopers.
  • Daily Planner
    Helpful to those who dont memorize important things. mark as completed when each plan is done

Please read my recent Devlog my this ship was completely gone! Due to many reasons I have explained them in my devlogs please read that.

While working with the world clock sub app I even lost all my 45 min code and I had to rewrite it.

I am being honest that I hasn’t tried to fraud hackatime.

I am completely proud of me that since my last ship i am here after long days before cause I was very busy in improving my js and logics.

You can see the difference I have made in my js since last ship

Thank you.

Thsi one is the same copy of my README.md
And I have made some changes here.

  • 3 devlogs
  • 6h
  • 9.66x multiplier
  • 62 Stardust
Try project → See source code →
Open comments for this post

2h 21m 47s logged

Hey all I have completed the work for the next ship.

I wants some stardust now so I am gonna ship it now.

New feature

Daily planner

  • You can add tasks and plan your day. And when each task is completed mark it as complete.
  • i didnt used the exact same css. This time I decided to include more and write my self.
  • if u notice the changes in the js of my first ship and the new one
  • Yay! I have made a large improvement in my js
  • i am very proud of it. Until my last ship i targeted to improve js. So I didn’t get time to code efficiently
    I am very proud of my improvement in js.

Plss rate my project

0
0
13
Open comments for this post

1h 54m 26s logged

Devlog

after a long time I am back with my Devlog
Now I have created a new sub app to frictionHub

It’s is Typing Speed Checker

If u just check the js it was quite too hard to figure out the logics. So I had to redo the same code by fixing errors(logical). Butit is one of the best html apps I have made.

Html and css was very simple but the js was just harder than I have ever experienced.

If u guys wants to try it out
Plss check here
https://FrictionHub.devlkakkoth.me/typing

0
0
9
Open comments for this post

2h 9m 39s logged

Guys I am back with coding again

I am back all

I have added a new sub app world clock

  • First of all I am being honest to all the Stardance reviewers.
  • Reviewers might seem my project code time as inflated because. My sister just deleted all my code and clicked save. I lost all and i had to rewrite the codes again.
  • So please don’t ban me as spamming hackatime.
  • I am coding in my mobile phone I don’t have a laptop. So I can’t do undo plss this is a request.
  • I am coding through termux along with code-server

World clock

It is a small mini app withalmost 15+ timezones to track current time. If u are offline u can use pwa.

2
0
9
Ship #5

FrictionHub

This is a multifunctional web app. Which has many differt purpose tools that can improve the QOL


It has a newly added PWA setup.

  1. Go to FrictionHub
  2. Go to browser options and click on Add to Homescreen
  3. In the pop up click Install to install the PWA to your home screen.
  4. Works on both Laptops and mobile phones

Tools

  • CopyBoard
    Here you can save frequently used texts emails etc inside your browser storage
  • Password Generator
    You can save 100% secure and random passwords. and save it in your browser storage. so if you forgot it you can retrive it again.
  • Text Cleaner
    You can clean a large messy text by removing empty lines. unwanted spaces and more.
  • Case Conveter
    Convert a large text into different cases like uppercase lowercase sentnce case etc…
  • Shopping List
    Create and manage shopping lists and save them as PDF files.
  • Color converter
    For html coders converting color codes are difficult.
  • Find and replace
    Finding and replacing some texts from long paragraphs areuch boring stuff.
  • Currency converter
    Buying items with international cards are very hard to find exhchange rates and converting
  • qr code generator
    instead of sending urls using url we can enter sites using scanning.
  • text difference finder
    finding small small differences in texts paragraphs are very boring
  • url cleaner
    remove tracking ids and unwanted things from url.
  • Weather dashboard
    find the weather of a city by searching simply.
  • Code formatter
    Formats html css js and python codes clean and neat.
  • Base 64 converter
    Convert images and texts into base64 and decode them too.
  • BooksFinder
    Uses openlibrary api to find details of many books.
  • RecipeFinder
    Uses themealdb api to find images and recipe to find food items
  • Dictionary
    Uses Dictionary api to get meaning and other information about words ir phrases
  • Pomodaro Timer
    Focus,take break and acheive your gols through pomodaro timer.
  • CSS Gradient Generator
    Make CSS Gradients by selecting colors only and instantly copy the code.

If u find this helpful please give better ratings. Thankyou for rating my project.

  • 4 devlogs
  • 6h
  • 10.96x multiplier
  • 63 Stardust
Try project → See source code →
Open comments for this post

1h 19m 59s logged

Devlog

Added new app CSS Gradient Generator

Uses simple js logics
Select Degree ,2 colors and type and it will generate the gradient

  • Instantly copy the code

Live at Click me

0
0
14
Open comments for this post

1h 53m 38s logged

Devlog

FrictionHub

I now worked mainly on my new sub app dictionary.
It uses public dictionary APIs to get data
Writing the code was much harder. I neededto use ai to format them correctly and to find my errors.

It is currently live on Click Me

0
0
10
Open comments for this post

1h 53m logged

Devlog

FrictionHub

Now I have added a new app called pomodaro timer

  • it helps to focus complete take breaks and achieve your goals.

Huge update

Added PWA support to the website
Click add to home screen from your browser to add as PWA

I am sorry because I used dir GitHub to add pwa code and its code was written with help of AI.

The icon was generated by me using inshot. Ai not used
Check here Click me

0
0
30
Ship #4

FrictionHub

This is a small web app made by me to reduce our digital friction. It contains many tools

Tools

  • CopyBoard
    Here you can save frequently used texts emails etc inside your browser storage
  • Password Generator
    You can save 100% secure and random passwords. and save it in your browser storage. so if you forgot it you can retrive it again.
  • Text Cleaner
    You can clean a large messy text by removing empty lines. unwanted spaces and more.
  • Case Conveter
    Convert a large text into different cases like uppercase lowercase sentnce case etc…
  • Shopping List
    Create and manage shopping lists and save them as PDF files.
  • Color converter
    For html coders converting color codes are difficult.
  • Find and replace
    Finding and replacing some texts from long paragraphs areuch boring stuff.
  • Currency converter
    Buying items with international cards are very hard to find exhchange rates and converting
  • qr code generator
    instead of sending urls using url we can enter sites using scanning.
  • text difference finder
    finding small small differences in texts paragraphs are very boring
  • url cleaner
    remove tracking ids and unwanted things from url.
  • Weather dashboard
    find the weather of a city by searching simply.
  • Code formatter
    Formats html css js and python codes clean and neat.
  • Base 64 converter
    Convert images and texts into base64 and decode them too.
  • BooksFinder
    Uses openlibrary api to find details of many books.
  • RecipeFinder
    Uses themealdb api to find images and recipe to find food items
  • 3 devlogs
  • 4h
  • 15.51x multiplier
  • 56 Stardust
Try project → See source code →
Open comments for this post

1h 21m 31s logged

Devlog

FrictionHub

After a long time I started working

New app - Base64 converter

Features

  • encode an decode images and texts

  • to base 64

  • helpful for coder

0
0
15
Ship #3

FrictionHub

A multifunctional web app with many utitility tools.

Tools

  • CopyBoard
    Here you can save frequently used texts emails etc inside your browser storage
  • Password Generator
    You can save 100% secure and random passwords. and save it in your browser storage. so if you forgot it you can retrive it again.
  • Text Cleaner
    You can clean a large messy text by removing empty lines. unwanted spaces and more.
  • Case Conveter
    Convert a large text into different cases like uppercase lowercase sentnce case etc…
  • Shopping List
    Create and manage shopping lists and save them as PDF files.
  • Color converter
    For html coders converting color codes are difficult.
  • Find and replace
    Finding and replacing some texts from long paragraphs areuch boring stuff.
  • Currency converter
    Buying items with international cards are very hard to find exhchange rates and converting
  • qr code generator
    instead of sending urls using url we can enter sites using scanning.
  • text difference finder
    finding small small differences in texts paragraphs are very boring
  • url cleaner
    remove tracking ids and unwanted things from url.
  • Weather dashboard
    find the weather of a city by searching simply.
  • Code formatter
    Formats html css js and python codes clean and neat.
  • 1 devlog
  • 1h
  • 4.25x multiplier
  • 4 Stardust
Try project → See source code →
Ship #2

FrictionHub

A multimedia web app with many QOL improving tools

Tools

  • CopyBoard
    Here you can save frequently used texts emails etc inside your browser storage
  • Password Generator
    You can save 100% secure and random passwords. and save it in your browser storage. so if you forgot it you can retrive it again.
  • Text Cleaner
    You can clean a large messy text by removing empty lines. unwanted spaces and more.
  • Case Conveter
    Convert a large text into different cases like uppercase lowercase sentnce case etc…
  • Shopping List
    Create and manage shopping lists and save them as PDF files.
  • Color converter
    For html coders converting color codes are difficult.
  • Find and replace
    Finding and replacing some texts from long paragraphs areuch boring stuff.
  • Currency converter
    Buying items with international cards are very hard to find exhchange rates and converting
  • qr code generator
    instead of sending urls using url we can enter sites using scanning.(Uses external js)
  • text difference finder
    finding small small differences in texts paragraphs are very boring
  • url cleaner
    remove tracking ids and unwanted things from url.
  • Weather dashboard
    find the weather of a city by searching simply.

None of ur data never leaves your browser

  • 9 devlogs
  • 8h
  • 12.36x multiplier
  • 97 Stardust
Try project → See source code →
Ship #1 💀 Cursed

Friction Hub
A collection of light weight web tools that can improve the QOL.
It has 5 sub apps.
None of your data entered here never leaves your device
Storage - local storage
Pdf generaton gode was a little hard to understand.
Others were quite simple.
It will help u improve your digital life.

No direct use of ai just used ai to rectify errors and understanding ideologies.

Try project → See source code →

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…