Giter Club home page Giter Club logo

takeabreak's Introduction

banner

Tackle procrastination by using self-destructing tabs and boost your productivity.

Ever took a break which lasted forever? Not anymore.
Take controlled breaks and stop procrastinating forever.

All you have to do now is decide how long of a break you want, go to your favorite website and take a break till your time's up.

Screen.Record.mp4

Check it out now at breaks.eu.org

Features

  • Custom break time
  • Add and save custom websites to use later
  • Mobile-friendly
  • No ads or trackers

Inspired from Take a Five

takeabreak's People

Contributors

ajoe12 avatar akd-01 avatar akramovic1 avatar and-rahul avatar anirban-1490 avatar connectnitesh avatar daksh777 avatar imgbotapp avatar itsaftabalam avatar j-harsh avatar kavya-mothukuri avatar kusumita29 avatar masterpranay1 avatar monarchgithub avatar phani-22 avatar pradumnasaraf avatar pushpanjali-10 avatar rajaditya28 avatar rishabh-gaud avatar rishita489 avatar roushandas02 avatar shreyamedehal avatar simran2337 avatar srivastavaritik avatar susmita-dey avatar the-osiris avatar vikas-kmr1 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

takeabreak's Issues

docs: Adding issue templates

Chnages

  • Adding Issue templates
  • Template path .github/ISSUE_TEMPLATE

###Template Types
Screenshot from 2022-03-01 18-02-15

Template Preview (while creating an issue - bug.)

Screenshot from 2022-03-01 18-03-48

  • Contribution towards GSsoc`22, Thank you

Display favicon of new website added on card

Is your feature request related to a problem? Please describe.
It's an enhancement

Describe the solution you'd like.
While adding your own website, it is seen that there is no favicon/image displayed on the newly created card in most of the cases.
image

To fix this, a simple code can be written to pull the favicon of the requested site and displaying it on the newly created card. This will increase site's appearance and its user friendliness.

Also, in case a website's favicon is missing or there is some error is fetching the favicon, A pre-set WWW favicon can be displayed.
image

If this can be done, you can assign it to me.

Describe alternatives you've considered.
Display WWW fevicon.

Add any other context or screenshots about the feature request here.
Hello @Daksh777 ,
Hope you would see to the suggestion and provide me with your thoughts on this matter.

Suggested Solution

We can tackle this in a few ways:

  1. Look for the favicon.ico at the root of the domain www.domain.com/favicon.ico

  2. Look for a tag with the rel="shortcut icon" attribute

  1. Look for a tag with the rel="icon" attribute

The latter two will usually yield a higher quality image.

update CONTRIBUTING.md

hey I think there is a small error in git command. Below mentioned PR fixes this. Please review

Using Audio Alerts to make it look more Interactive

Is your feature request related to a problem? Please describe.

I have already added 2 desktop notifications for alerting user at 50% and 90% completion of time.
But there are 2 challenges in using desktop notification :-
(i) The user has to allow for receiving notification
(ii) It can only be used in secured sites (eg https://.....)

Describe the solution you'd like.

A good solution to this can be 2 voice alerts at 50% and 90% completion of time. The audio control will not be visible on homepage . We could add a computer generated voice audio . Audio will be heard by user even if he is in other window. In addition, this would make the project more interactive and those user who did not allow notification, can also be reminded of the time.

Describe alternatives you've considered.

I couldn't think of any other alternative better than this but I'll let you know if I get any.

Add any other context or screenshots about the feature request here.

Hello @Daksh777 ,
Hope you would see to the suggestion and provide me with your thoughts on this matter.

Thanking you,
Roushan Das,
A GSSOC Contributor.

Title: replacing 5sec redirecting timer with some qoutes or changing css of that page

Is your feature request related to a problem? Please describe.

Instead of showing 5 sec warning or response time for redirecting we can change the apperance of the page by adding motivational quotes reminding of their purpose of accesing that website.

Describe the solution you'd like.

Changing user interface of that page and having things that would make the user understand that the aim is to take a short break and then get back to work.

Describe alternatives you've considered.

changing the css of that redirecting page

Add any other context or screenshots about the feature request here.

No response

Title: When user enters garbage value in custom time section label:GSSoC22

What happened?

When user enter any value in the custom section like if user enters "abc#3242" or "100000" then the website is prompting to enter the url to go for a break but instead it could have prompted an error message of "WRONG VALUE ENTERED"

How can we reproduce this bug?

When invalid custom time is written then their should be a proper prompt for wrong or invalid input instead of prompting it to the url box for input.

custom time could be of standard time selection so that user can easily select proper minutes , second ,hours or these combinations, instead of only minute .
Like if user want 1hour 38 minute break for binge watching because the movie time is 1hour and 38 minute so instead of converting this into minutes he can choose from the format like
TIME:
01 :38

Urgency (optional)

No response

Title: Could have a button for stopping the break/pausing the break

Is your feature request related to a problem? Please describe.

i) Say that someone doesn't want to continue their break and feels that he/she must go back to work.
ii) Also if someone has decided to have a total of 5 mins break in the one hour task.

Describe the solution you'd like.

i) A stop button could be added which redirects the user to the home page again.
ii) A pause button would do the job

Describe alternatives you've considered.

Stop/Pause on the tab

Add any other context or screenshots about the feature request here.

No response

Title: Create a button for manually ending the break

Is your feature request related to a problem? Please describe.

It's an enhancement feature.

Describe the solution you'd like.

There can be a situation where the user has taken a break for 15 mins but then he comes back early and want to end the break manually, so there isn't such feature of ending the break manually.

This can be added.

So, please let me know, if this feature can be added.

Adding voice to suggest the user about time felt

Is your feature request related to a problem? Please describe.

If suppose a user is doing something important and suddenly we terminate the website the user will get a bad experience about the website .
Instead we can have a reset button and a alert sound like "Your website will terminate soon" to make the user aware that it website will terminate soon

Describe the solution you'd like.

We can add sound like a "Your website will terminate one minute" which will aware the user about the termination .

We can add a reset button ....if user want to spend more time the selected site

Describe alternatives you've considered.

.

Add any other context or screenshots about the feature request here.

No response

Change custom site popup to SweetAlert2

Is your feature request related to a problem? Please describe.

bug q
The font size of the given box too small to read making it inconvenient to read and understand .

Describe the solution you'd like.

Using Css we will make it user friendly and make it convenient to understand .

Describe alternatives you've considered.

bugsol
Uploading bugsol.png…

Add any other context or screenshots about the feature request here.

Adding header in the page

Hey, I am a GSSoC'22 participant. I feel that we should add a header to the page. We can also improve the footer design.

docs: add PR template

Chnages

  • Adding a PR template
  • Template path .github/PULL_REQUEST_TEMPLATE.md

Template Preview (while creating a PR.)

Screenshot from 2022-03-01 17-54-32

  • Contribution towards GSsoc`22, Thank you

Title: Adding a focus mode too and tracking working efficiency

Is your feature request related to a problem? Please describe.

we could keep track of the website the user was working on (efficient work not a break) and then we could report the focus mode like exactly how much time he worked on that

Describe the solution you'd like.

giving user the option to set a time or track time for their productive work mode.

Describe alternatives you've considered.

also the complete tracking like focus mode and then we could have a remainder for break mode also

Add any other context or screenshots about the feature request here.

No response

Alert before closing the site suddenly after completion of time

Hello @Daksh777 ,

My suggestion is as follows:
Suppose any person started the timer and is exploring his entered site with full concentration, no one would pay any heed to the timer running on tab and then it would be too irritating if the site suddenly closes after the completion of entered time. The user experience would be at stake. In this case I would suggest to drop 2 time alerts at 50% and 90% completion of time.

Have a look at my suggestion and drop your valuable comments.

Thanking You,
Roushan Das,
A GSSOC Contributor.

Background

Hey @Daksh777
I wanna work on the background to enhance the UI
I think it would look more good if it contains some sort of video template in it.

Title: A good footer would look good on the website

Is your feature request related to a problem? Please describe.

Without a footer, the website looks incomplete

Describe the solution you'd like.

A good footer looks good in a website and makes it look complete.

Describe alternatives you've considered.

The small headings in the footer might not necessary have links attached to it for now but atleast there can be a footer

Add any other context or screenshots about the feature request here.

image
something like this.
Image source: Google

Option for Extension of time before closing the site

Hello @Daksh777 ,

My Suggestion is, Suppose while exploring, the user gets something that is in the favour of his interest / research / curiosity and he wants to continue with the same. So before closing the site, there should be a space for extension of time.

Thanks and Regards,
Roushan Das,
A GSSOC Contributor.

Title: Usage Report

Is your feature request related to a problem? Please describe.

If I watch the websites I would be needing to know the usage report of the websites I watched on that day and the time for which I binged the website. To keep a track of my productivity.

Describe the solution you'd like.

I would like to create a separate tab in which I will display the viewed websites and the time for which I watched them and will also display the total time I binged websites on that day.

Describe alternatives you've considered.

We can display the total time for which we binged the websites on the front page itself and display the time for which they already watched below the website icons in add URL options. By using local storage.

Add any other context or screenshots about the feature request here.

No response

Mazegame

Is your feature request related to a problem? Please describe.

Yes, it is related to the problem. Upcoming generation there is a very big problem in increasing IQ of infants. So, I have prepared this game using HTML, CSS and JavaScript virtually to enhance their IQ.

Describe the solution you'd like.

The is a maze where children are forced to to use their IQ and problem solving skills to create a solution for the maze and pass the level. In this I have designed various levels of difficulty for the children in order to sharpen their brain and help them enhance their cognitive skills, hand eye coordination, find effective solutions and virtue of patience.

Describe alternatives you've considered.

Since in this time of technology each and every child gets a PC or a tablet at a very early age so we can build more mind developing games in order to make them mentally fit. I am also working on the another project based on it.

Add any other context or screenshots about the feature request here.

Screenshot (310)

[Bug]: Go back option and user friendly label: gssoc 2022

Is your feature request related to a problem? Please describe.

clicking on the back button closes the website

Describe the solution you'd like.

Back option and reloading option should be improved

Describe alternatives you've considered.

timer display can also be improved

Add any other context or screenshots about the feature request here.

No response

About section in the website

Hii @Daksh777,
I felt we could give a small detail as we enter the website (it could be something like Welcome and a short description) or "About" section, what is Take a break and how it works, at the top right corner as a small button. Any improvements and suggestions on which direction we can go ahead are welcomed, and I want to work on this issue.

Title: add some easy and understanding fonts

Is your feature request related to a problem? Please describe.

suppose you are using some easy and understanding fonts so everyone will reachout to you.

Describe the solution you'd like.

i am using best cool template and very easy word for understanding purpose.

Describe alternatives you've considered.

i have already told you i am using best and easy things.

Add any other context or screenshots about the feature request here.

this time i have not any screenshots right now. but you assigned me definitely i will work on

Creating issue templates for the repo

I want to add a few issue templates so that it will be convenient for new contributors to open issues. I plan to create Bug Report and Feature Request templates. You can read more about issue templates here

The Bug Report issue template will have the following fields

  • Description of the bug
  • How to Reproduce
  • Expected behavior
  • Screenshots
  • Desktop Info (OS, Version, Browser etc):
  • Additional context

The Feature Request issue template will have the following fields

  • Is your feature request related to a problem? Please describe.
  • Describe the solution you'd like
  • Describe alternatives you've considered

Timeline- I can complete this task by 3 March

Want to add a Navbar at the Top

Hey @Daksh777 I am a GSSOC 2022 participant.
I would like to add a navbar to your website.
It will consist different sections like about, contact us, blogs etc.
Also want to add a

  1. About us section
  2. Meditation section which will consist some exercise which user can opt to relax instead visiting other sites
  3. A game section which consist small games for entertainment
    This will surely enhance the website, so please assign me to do this.

Title: Making Footer more Attractive

Is your feature request related to a problem? Please describe.

No, Making footer does not request related to a problem, It will be just for making website more Attractive.

Describe the solution you'd like.

I will add some styling to the footer, add some links there.

Describe alternatives you've considered.

Apply CSS and add some Quick links over there on footer.

Add any other context or screenshots about the feature request here.

No response

Title: after closing the (break) website timer does not stop

Is your feature request related to a problem? Please describe.

after closing the (break) website timer does not stop , this will be an issue if a user wants to go to another website for a break with different time also the when a website is choosen then the next website is choosen with the same time break

Describe the solution you'd like.

stopping the timer as soon as the website is closed or reloading the complete website automatically.

Describe alternatives you've considered.

for accessing other website with the same website within the break period we should have a differrent timer for that.

Add any other context or screenshots about the feature request here.

No response

Title: Blog Page

Is your feature request related to a problem? Please describe.

For making a complete website I think blog page is very much important so that readers can thoroughly get to know our goals etc.

Describe the solution you'd like.

I would like to add blog page containing blogs on procrastination and breaks with beautiful UI.

Describe alternatives you've considered.

On main page itself we can add this section containing 2-3 blogs.

Add any other context or screenshots about the feature request here.

No response

Enhancement of Delete button with confirmation

Is your feature request related to a problem? Please describe.

It's an enhancement

Describe the solution you'd like.

While working on the issue, it was seen that, while deleting the sites that was added manually, it gets deleted without any confirmation message, which can be result of accidental click.

So, confirmation dialog before finally deleting should be done.
Also enhancement of the delete button
image
it is not differentiated from the site colour.

If this can be done, you can assign it to me.

Describe alternatives you've considered.

Either alerts or Sweet alerts any of them can be done.

@Daksh777 Can you put down your views for this enhancement

No input error showing if we write noting in custom time

@Daksh777 sir , currently when i click on custom and put nothing in "time in minutes" and then click "lets go" no input error showing like in your code a message "you need to write something" should be shown but it only remove custom page. And if we put space instead of enter some value and then click "lets go" then it remove custom page and slide down .

Add backdrop to the time's up popup

What happened?

image

The card is overlapping with the Time's Up text

How can we reproduce this bug?

It can fixed with proper margin and creating a separate div tag for the same

Let me know if I can work on it.

Add a dark/colourful theme toggle

Hi, Jaideep Singh Garlyal I'm a contributor. My plan is to enhance the website by using Three.js to use 3D background. Which will look amazing and would be really interesting for the user and keep them **engaging with the 3D effect.**It will give the form a new 3D look. I would like to contribute to this issue. Please assign me this issue.

Add check for custom time input

The time entered must be number type unlike right now which accepts anything.
In case, the input is not a number type, an error should be displayed.

Enhancement : Add custom scroll bar

Description

  • I want to add custom scroll bar for this website.
  • It can give your website a chance to stand out compared to the millions of websites using the browser default scrollbar.
  • Please assign me on this issue under GSSOC '22.

Title: Attractive_footer

Is your feature request related to a problem? Please describe.

Making the footer look more attractive(copyright and Contact details) by using css

Describe the solution you'd like.

Using bright colors and changing the size of images will make it user friendly and attractive

Describe alternatives you've considered.

I couldn't think of any other alternative better than this but I'll let you know if I get any.

Add any other context or screenshots about the feature request here.

No response

Task remainder

Hii @Daksh777, I have an idea but am not sure how to go ahead with it.
Once the timer ends, we can remind the person of the tasks he will enter in his tasks section or a to-do list that either can be a feature or just a note which pops up at the end.

This may create a strong feeling of getting back to work as that's our main motto in the project.

Any improvements and suggestions on how to work are welcomed and I want to work on this issue.

Contact Section in the website

Contact info like support mail or social media handles can be added to the website.
I want this issue to be assigned to me. I'm a GSSOC'22 participant. I can work on this issue.

Create a button for manual ending of the break

Is your feature request related to a problem? Please describe.

It's just an enhancement

Describe the solution you'd like.

If someone takes a break of 15 mins and return early, then there should be a feature for manually ending the break.

Let me know, If I can work on it

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.