https://github.com/erikaperciliano/timer
This project is a similar pomodoro that is useful while working or studying. After a certain time you stop what you are doing and relax for 5 minutes for example and then go back to doing what you were doing
https://github.com/erikaperciliano/timer
context-api eslint jest phosphor-react prop-drilling react-h react-hook-form react-router-dom reactjs reducers styled-components typescript vite zod
Last synced: 3 months ago
JSON representation
This project is a similar pomodoro that is useful while working or studying. After a certain time you stop what you are doing and relax for 5 minutes for example and then go back to doing what you were doing
- Host: GitHub
- URL: https://github.com/erikaperciliano/timer
- Owner: erikaperciliano
- Created: 2025-02-14T16:31:59.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-03-17T19:32:05.000Z (3 months ago)
- Last Synced: 2025-03-17T20:23:58.109Z (3 months ago)
- Language: TypeScript
- Size: 369 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Timer 🕰
This project is a similar pomodoro that is useful while working or studying. After a certain time you stop what you are doing and relax for 5 minutes for example and then go back to doing what you were doing
## Technologies Used 🛠️
## Frontend:
- React: For building a dynamic and responsive user interface.
- date-fns: Provides the most comprehensive, yet simple and consistent toolset for manipulating JavaScript dates in a browser & Node.js..
- Vite: To provide a faster for modern web projects.
- Styled-components: To allows to write actual CSS code to style the components.
- zod: TypeScript-first schema validation with static type inference
- Typescrit: Adds additional syntax to JavaScript to support a tighter integration.
- immer: Is a tiny package that allows us to work with immutable state in a more convenient wa
- phosphor-react: Is a flexible icon family for interfaces, diagrams, presentations
- react-hook-form: Performant, flexible and extensible forms library
- react-router-dom: Is a multi-strategy router for React
## Getting Started 💻
Prerequisites:
- react (v19 recommended)
- npm or yarn
## Installation:
1- Clone the repository:
git clone ( https://github.com/erikaperciliano/Timer.git)
2 - Navigate to the project directory:
cd Timer
3 - Install dependencies:
npm install
or
yarn install
## Deployment:
This project can be deployed to any static hosting provider (e.g., Netlify, Vercel) or Firebase Hosting.
## Live Demo
[View the live project here](https://67d99de6aaa982000954a907--erikaperciliano-timer.netlify.app/)
## Screenshots 📸
## Contribution 🤝
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Feel free to customize it further to reflect any additional information or unique aspects of your project! Let me know if you'd like me to modify anything.