https://github.com/femincan/po-fi

A pomodoro app created with React, Vite, and Tailwind CSS for the fifth project of the Front End Development Libraries Curriculum of FreeCodeCamp.
https://github.com/femincan/po-fi

react tailwindcss typescript vite zustand

Last synced: 2 days ago
JSON representation

A pomodoro app created with React, Vite, and Tailwind CSS for the fifth project of the Front End Development Libraries Curriculum of FreeCodeCamp.

• Host: GitHub
• URL: https://github.com/femincan/po-fi
• Owner: femincan
• License: mit
• Created: 2023-09-05T04:01:07.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-12T14:05:11.000Z (about 1 year ago)
• Last Synced: 2023-09-12T15:13:19.218Z (about 1 year ago)
• Topics: react, tailwindcss, typescript, vite, zustand
• Language: TypeScript
• Homepage: https://codesandbox.io/p/github/femincan/po-fi/main
• Size: 20.9 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Po-Fi

[![CodeSandbox](https://img.shields.io/badge/Codesandbox-040404?style=for-the-badge&logo=codesandbox&logoColor=DBDBDB)](https://codesandbox.io/p/github/femincan/po-fi/main)

A pomodoro app created with React with Vite (TypeScript), Zustand, and Tailwind CSS for the fifth project of the Front End Development Libraries Curriculum of FreeCodeCamp.

![Application Screenshot](https://github.com/femincan/po-fi/assets/78358128/0b230fa1-3584-4e57-ae67-f11de0ecb7a5)

## Table of Contents

- [Features](#features)

- [Technologies](#technologies)

- [How To Use](#how-to-use)

- [License](#license)

## Features

- Fully responsive design

- Customize session and break lengths

- start/stop, and reset the timer

- Choose your preffered background from six backgrounds and it will be saved locally in your browser

- Sound alerts at the end of sessions and breaks

## Technologies

- [React](https://react.dev)

- [Zustand](https://zustand-demo.pmnd.rs)

- [Tailwind CSS](https://tailwindcss.com)

- [Vite](https://vitejs.dev)

- [TypeScript](https://typescriptlang.org)

## How To Use

To clone and run this application, you'll need Git, Node.js, and Pnpm installed globally on your computer. From your command line:

```bash

# Clone this repository

git clone https://github.com/femincan/po-fi.git

# Go into the repository

cd po-fi

# Install dependencies

pnpm install

```

Now, you can run the app:

```bash

pnpm run dev

```

## License

[MIT](./LICENSE)