This is a solution to the Pomodoro App.This project was developed in React, it is a Frontend Mentor challenge, This Pomodoro app will provide some tricky challenges, including building a circular progress bar. You'll also build a range of customizations, like colors and fonts.
This Starter includes
- ⚛️ React 18 - A JavaScript library for building user interfaces
- ✨ TypeScript - TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
- 🎉 Sass - Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.
# Install dependencies
npm install
# or
yarn install
# Start development server
yarn dev
# or
npm run dev
# Build for production
yarn build
# or
npm run build
Users should be able to:
-
Set a Pomodoro timer and short & long break timers.
-
Customize how long each timer runs for.
-
See a circular progress bar that updates every minute and represents how far through their timer they are.
-
Customize the appearance of the app with the ability to set preferences for colors and fonts.
- Solution URL: Link to solution URL here
- Live Site URL: Link to live site
- Frontend Mentor - @Georgeb79
- Linkedin - @GeorgeBaez
- Twitter - @Georgeb779