nicolasguruphat / smooth-pomodoro

Simple and smooth pomodoro timer

𝓜𝓪𝓻𝓴𝓭𝓸𝔀𝓷 𝓔𝓷𝓳𝓸𝔂𝓮𝓻

---

🎓 Studying at Polytech (Lyon 1 University) in 4^th year of engineering degree in Computer Science

👔 Doing my apprenticeship at Adequation

💽 Come discover my latest personnal project Smooth Pomodoro at https://smooth-pomodoro.nicolas-guruphat.com/

🌱 Currently learning different topics like :

• 💎 Ruby On Rails
• 🦺 Cybersecurity
• 👀 Vue.JS
• 🍍 Pinia
• 🟦 TypeScript
• 🧪 Jest

📚 You can find my portfolio here (I'm still working on it)

📫 And you can reach me by clicking here

---

smooth-pomodoro's Issues

Clock view of the progression

Big clock that show where the break are, where you're at. It could be a parameter to replace the progression bar

Split timer in another component

Add the possibility to add/remove on minutes from the timer

Add a little arrow on the left, and one on the right

Add a color for break

Screen and favicon.
Maybe orange.

Unit testing

init the unit tests

Stat options numbers should be align right

Here 0 and 4

Task management

add a todo system to fit the pomodoro method

Implement a store (Vuex or Pinia)

Change favicon on pause

Green tomato pause
Red tomato worktime

Fix contrast accessibility problems

Use Vueuse for sound

Time since the beginning timer

With or without pause time

Fix the gradiant system for break

Do a reverse gradiant that fill with red

Fix dependencies issues

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: @vue/[email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/eslint-plugin-vue
npm ERR!   peer eslint-plugin-vue@"^8.0.1" from @vue/[email protected]
npm ERR!   node_modules/@vue/eslint-config-typescript
npm ERR!     dev @vue/eslint-config-typescript@"^9.1.0" from the root project
npm ERR!   dev eslint-plugin-vue@"^8.0.3" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer eslint-plugin-vue@"^7.0.0" from @vue/[email protected]
npm ERR! node_modules/@vue/eslint-config-standard
npm ERR!   dev @vue/eslint-config-standard@"^6.1.0" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/eslint-plugin-vue
npm ERR!   peer eslint-plugin-vue@"^7.0.0" from @vue/[email protected]
npm ERR!   node_modules/@vue/eslint-config-standard
npm ERR!     dev @vue/eslint-config-standard@"^6.1.0" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! 
npm ERR! For a full report see:
npm ERR! /home/nicolas/.npm/_logs/2023-10-04T12_51_02_090Z-eresolve-report.txt

Don't start the timer when you open the app

Save data in local storage

Fullscreen

use stylus

Focus on one task

Add the possibility to choose one task of the todolist and display it in big under the timer

Goal limit

For 16:9 screen 15" 100% zoom setting on Windows, you need about 1100 goals to get out of the page and make the page scrollable.

SetInterval doenst work when tab isnt active (chrome)

https://stackoverflow.com/questions/5927284/how-can-i-make-setinterval-also-work-when-a-tab-is-inactive-in-chrome

Add sound effect (like rain for exemple)

Possibility to be different for break

Fix component and test to display only numberPomodoriDone when there is no goal set

Finish the "time before big break" and "time before goal" timers

Fix gradiant calcul of baseTime

Timer blinks when it's in pause

Use v-model instead of manually binding

Improve readme.md

Add some screenshots and description of the project in the readme file

Fullscreen : add test and fix cursor

Implement TODO (check if we can use smooth-todo)

Edit and change order of task

Remove computed tests

https://www.vuemastery.com/courses/unit-testing-vue-3/what-to-test-vue-3