https://github.com/chauxvive/25and5

A Zen Pomodoro-style timer with customizable focus and break sessions. Designed for productivity, it helps users maintain focus with structured work and rest periods.
https://github.com/chauxvive/25and5

developer-tools focus frontend habit-building pomodoro productivity react self-improvement study-tool task-management time-management timer typescript vite web-app work-break-cycle zen

Last synced: 3 months ago
JSON representation

A Zen Pomodoro-style timer with customizable focus and break sessions. Designed for productivity, it helps users maintain focus with structured work and rest periods.

• Host: GitHub
• URL: https://github.com/chauxvive/25and5
• Owner: chauxvive
• Created: 2024-10-08T04:51:51.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2025-02-22T21:02:03.000Z (3 months ago)
• Last Synced: 2025-02-22T22:19:07.320Z (3 months ago)
• Topics: developer-tools, focus, frontend, habit-building, pomodoro, productivity, react, self-improvement, study-tool, task-management, time-management, timer, typescript, vite, web-app, work-break-cycle, zen
• Language: TypeScript
• Homepage: https://chauxvive.github.io/25and5/
• Size: 200 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![Rocktzar logo](https://res.cloudinary.com/mpauldesigns/image/upload/c_scale,q_100,w_200/v1540421311/rocktzar_red.png)

# 25 & 5 

A **Pomodoro-style timer** that helps you stay productive by alternating **focus sessions** (25 minutes) with **short breaks** (5 minutes). Perfect for **studying, coding, or deep work sessions**!  

[🔗 **Try it out here**](https://chauxvive.github.io/25and5/)  

---

## 🔹 The Project  

This app follows the **Pomodoro Technique**, which boosts productivity by breaking work into focused intervals. Key features include:  

✅ **Customizable focus & break durations**  

✅ **Auto-switching between work and rest periods**  

✅ **Minimalist, distraction-free UI**  

✅ **Built with React + TypeScript for smooth performance**  

✅ **Mellow temple bell timer alert**

---

## 🔹 Features  

- **Adjustable Timers** – Set your own work and break durations  

- **Auto-Cycle** – Transitions automatically between focus and break periods  

- **User-Friendly Interface** – Simple, clean design for easy use  

- **Responsive Design** – Works on desktop & mobile  

---

## 🔹 Technologies Used  

- **React** (Component-based UI)  

- **TypeScript** (For type safety)  

- **Vite** (Fast build tool)  

- **HTML5 & CSS3** (Modern styling)  

---

## 🔹 How to Run Locally  

1. **Clone the repository**  

   ```git clone https://github.com/chauxvive/25and5.git```

2. **Navigate to the project folder**

   

   ```cd 25and5```

4. **Install dependencies**

   ```npm install```

6. **Start the development server**

   

   ```npm run dev```

8. **Open the app in your browser**

   

Visit:

   ```http://localhost:5173/```

---

---

## 🔹 Who Am I?  

I’m a **Software Developer & Marketing Specialist** from Connecticut, open to new roles in **development, project management, and design-driven tech solutions**.  

📩 **Let’s connect!** [LinkedIn](https://www.linkedin.com/in/mpauldesigns/) | [GitHub](https://github.com/chauxvive)