https://github.com/edmilson-dk/flash-promo

A simple chronometer inspired by the technique of pomodoro studies, created in ReactJS with TypeScript.
https://github.com/edmilson-dk/flash-promo

react styled-components typescript

Last synced: about 2 months ago
JSON representation

A simple chronometer inspired by the technique of pomodoro studies, created in ReactJS with TypeScript.

• Host: GitHub
• URL: https://github.com/edmilson-dk/flash-promo
• Owner: edmilson-dk
• License: mit
• Created: 2021-03-23T18:10:07.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-04-05T02:39:08.000Z (almost 4 years ago)
• Last Synced: 2024-10-18T06:54:11.715Z (3 months ago)
• Topics: react, styled-components, typescript
• Language: TypeScript
• Homepage: https://flash-promo.vercel.app/
• Size: 404 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Flash Promo

O Flash Promo é um simples cronômetro inspirado na técnica de estudos pomodoro, o flash promo permite que você defina quantos minutos você quer de foco, geralmente é 25 minutos, também quantos minutos você quer de pausa e quantos ciclos devem ocorrer.

# Tópicos 

- [Tecologias](#techs)

- [Layout](#layout)

- [Rodando a aplicação](#execute)

- [Página online](#online)



## Tecnologias e bibliotecas utilizadas

- [ReactJS](https://pt-br.reactjs.org/)

- [Styled Components](https://styled-components.com/)



## Layout

### Home 

![Home page](https://github.com/edmilson-dk/flash-promo/blob/main/.github/home.png)

### Counter page

![Counter page](https://github.com/edmilson-dk/flash-promo/blob/main/.github/count-work.png)

![Counter page](https://github.com/edmilson-dk/flash-promo/blob/main/.github/count-pause.png)



## Executando o front-end

Para executar a front-end em sua máquina siga os passos abaixo.

- 1 Clone meu repositório em sua máquina 

```sh

git clone [email protected]:edmilson-dk/flash-promo.git

# entre na pasta

cd flash-promo

```

- 2 Após o passo acima, instale as dependências necessárias, para isso é preciso que você tenha o [NodeJS](https://nodejs.org/en/) instalado em sua máquina.

```sh

npm install

# ou com yarn

yarn install

```

- 4 Feito isso é hora de executar o projeto, para isso execute o comando abaixo.

```sh

npm start 

# ou com yarn

yarn start

```



## Veja a aplicação funcionando

Caso você não queira executar os passos de instalação manualmente, para sua sorte fiz o deploy da aplicação, e você pode testa-la no link abaixo.

[Aplicação aqui](https://flash-promo.vercel.app/)

Creator with 💙 by [Edmilson Jesus](https://www.linkedin.com/in/edmilson-jesus-4128711b5)