Skip to content

pmgoudet/focus-tomato

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🍅 Focus Tomato

image

Focus Tomato est un projet basé sur la méthode Pomodoro de gestion du temps, conçue par Francesco Cirillo dans les années 80, afin d'améliorer la productivité de manière efficace.
Il s'agit d'un projet personnel visant uniquement à approfondir mes connaissances en JavaScript.

🎨 Présentation et Responsivité

Le CSS a été travaillé pour offrir une meilleure présentation du projet, car un projet bien conçu mais mal structuré perd considérablement de sa valeur.
La responsivité pour les téléphones mobiles est prise en compte, mais pas pour les tablettes, ce qui reste une amélioration à apporter dans le futur.

🚀 Fonctionnalités et Objectifs d'Apprentissage

L'objectif principal était de pratiquer plusieurs concepts clés, notamment :

  • Modification du DOM à travers la gestion des tâches.
  • Drag and Drop pour organiser les tâches facilement.
  • Utilisation du LocalStorage pour stocker les données.
  • Data-Attributes pour une page dynamique.
  • Compte à rebours avec démarrage, pause et temps personnalisables.
  • Automatisation du cycle Pomodoro (temps de concentration, pauses courtes et longues).
  • Ajout de sons pour améliorer l'expérience utilisateur.

Ce fut sans aucun doute un défi très intéressant. Malgré quelques points perfectibles, le projet est déjà fonctionnel et permet à l'utilisateur de profiter de ses fonctionnalités.

🔧 Technologies

HTML5 CSS3 JavaScript


📌 Ce projet reste ouvert à des améliorations futures ! 🚀



Focus Tomato is a project based on the Pomodoro technique for time management, designed by Francesco Cirillo in the 1980s to improve productivity efficiently.
It is a personal project aimed solely at deepening my knowledge of JavaScript.

🎨 Design and Responsiveness

CSS has been refined to provide a better presentation of the project since a well-made but poorly structured project loses considerable value.
Responsiveness for mobile phones has been implemented, but not for tablets, which remains an improvement to be made in the future.

🚀 Features and Learning Objectives

The main goal was to practice several key concepts, including:

  • DOM manipulation through task management.
  • Drag and Drop to easily organize tasks.
  • Using LocalStorage to store data.
  • Data attributes for a dynamic page.
  • Countdown timer with start, pause, and customizable durations.
  • Automation of the Pomodoro cycle (focus time, short breaks, and long breaks).
  • Adding sounds to enhance user experience.

This was undoubtedly a very interesting challenge. Despite some minor improvements that could be made, the project is already functional and allows users to take advantage of its features.

🔧 Technologies

HTML5 CSS3 JavaScript


📌 This project remains open to future improvements! 🚀