Uma aplicação pomodoro conectada com a API do Spotify, para tornar o seu estudo mais dinâmico. Topics Stars

Overview

Pomofy

Demo   |    Tecnologias   |    Iniciando   |    Projeto   |    Layout   |   

Demo


🧪 Tecnologias

Esse projeto foi feito com as seguintes tecnologias.

🚀 Iniciando

Clone esse projeto e acesse sua pasta

$ git clone https://github.com/Sophia-15/pomofy.git && cd pomofy

Siga os passos abaixo

# Instalar as dependências 
$ yarn 
# Adicione as variáveis ambientes de CLIENT_ID, CLIENT_SECRET, JWT_SECRET e NEXT_AUTH_URL. 

💻 Projeto

Esse projeto foi feito com o intuito de treinar minhas habilidades e tornar o estudo mais dinâmico. Para você usar, é necessário:

  1. Abrir o spotify no dispositivo de sua preferência.
  2. Abrir e logar na aplicação.

Quando você fizer isso, a aplicação ira começar adicionar músicas de lo-fi na sua fila.

PS: A foto de perfil do No-Face só irá aparecer se você não tiver foto de perfil.

🔖 Layout

Veja o layout no link abaixo:

Você precisa de uma conta no Figma para acessar.


Made with 💜 by Sophia Gallindo

You might also like...

Sistema Web Pessoal - utilizado para estudo

:::::::::::::::::::::::::::: SOBRE :::::::::::::::::::::::::::: ℹ️ O Personal System é uma plataforma web que possui como objetivo conter as funções e

Jun 18, 2022

O projeto MKS Sistemas tem como objetivo o desenvolvimento de uma aplicação em React que utilize endpoint da API de produtos fornecida pela própria MKS Sistemas.

  O projeto MKS Sistemas tem como objetivo o desenvolvimento de uma aplicação em React que utilize endpoint da API de produtos fornecida pela própria MKS Sistemas.

MKS front-end Descrição O projeto MKS Sistemas tem como objetivo o desenvolvimento de uma aplicação em React que utilize endpoint da API de produtos f

Jul 21, 2022

Repositório criado para prática do dia 14/05 utilizando nodeJs, express, nodemon e MVC. Como base utilizamos o modelo ER criado para uma locadora de filmes fictícia.

gamabuster Repositório criado para prática do dia 14/05 utilizando nodeJs, express, nodemon e MVC. Como base utilizamos o modelo ER criado para uma lo

May 18, 2022

Seu aplicativo favorito de afarezes

Seu aplicativo favorito de afarezes

Seu aplicativo favorito de afarezes Tabela de Conteúdos Sobre • Funcionalidades • Layout • Tecnologias • Status do Projeto • Autor Licença Sobre Um Ap

Mar 3, 2022

Trivia-Quiz é uma aplicação baseada no jogo Perguntados, em que consiste em um quiz de diferentes questões. Feito com ReactJS, JavaScript, Styled-Components, Axios, React-Feather e Open Trivia Database.

Trivia-Quiz é uma aplicação baseada no jogo Perguntados, em que consiste em um quiz de diferentes questões. Feito com ReactJS, JavaScript, Styled-Components, Axios, React-Feather e Open Trivia Database.

TRIVIA-QUIZ Trivia-Quiz é uma aplicação baseada no jogo Perguntados, em que consiste em um quiz de diferentes questões. Feito com ReactJS, JavaScript,

Feb 6, 2022

Código de estudo da aula de graphl e apollo no youtube da rocketseat

GraphQL (meu aprendizado) O que é GraphQL uma ferramenta criada dentro do facebook, sendo uma linguagem de realização de query (operações de criação é

May 12, 2022

example app that creates a new player in Spotify Connect to play music from in the browse using Spotify Web Playback SDK.

Spotify Web Playback SDK Demo Requirements User must have Spotify Premium, DRM & EME supported and JavaScript enabled Web Browser. License Copyright 2

Jul 20, 2022

Uma Intranet que permite um acesso restrito e promove a integração dos processos de uma empresa, facilitando o dia-a-dia dos seus colaboradores.

Intranet ANÁLISE E DESENVOLVIMENTO DE SISTEMAS PROJETO: DESENVOLVIMENTO WEB FRONT-END 1 SEMESTRE Uma Intranet que permite um acesso restrito e promove

Jun 1, 2022

WIP : Un pictionary mais avec 15 trait droits (sans courbes)

TODO Signer l'ID Ban dès le lobby Limiter la taille des pseudos Joueur déconnecté avec une couleur Afficher un message en cas de kick Limiter les devi

Apr 25, 2022
Owner
Sophia Gallindo
I'm a frontend developer. Student at @Rocketseat
Sophia Gallindo
Venho construindo uma aplicação com objetivo de estudo, um CRUD de gestão financeira que permitirá o usuário tanto acompanhar seus valores quanto ter um histórico.

WoBank Venho construindo uma aplicação com objetivo de estudo, um CRUD de gestão financeira que permitirá o usuário tanto acompanhar seus valores quan

null 7 Sep 14, 2022
Uma empresa especializada em listar prestadores para reformas mais próximo de você.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

null 3 Sep 22, 2021
Bot para enviar lembretes no Telegram para escalação do seu time no fantasy game Cartola

©️ E aí, cartoleiro, já escalou seu time no Cartola hoje? Não deixa para última hora! como eu Entre aqui no grupo do Telegram agora mesmo ;) O que é o

Lais Frigério 63 Nov 23, 2022
Apenas uma página que exibe um countdown com a data em que Bolsonaro sai da presidência e tem seu sigilo de 100 anos quebrado

Chá de revelação - Sigilo de 100 anos Descrição Apenas uma página que exibe um countdown com a data em que Bolsonaro sai da presidência e tem seu sigi

Mauricio Taffarel 9 Nov 6, 2022
Este projeto é um boilerplate completo, constantemente atualizado, configurado nos mínimos detalhes para servir de base para projetos profissionais do mais alto nível.

Boilerplate Completo e atualizado com Next.js, Typescript Styled-Components, Testes, Redux Toolkit e PWA ?? Sobre o Projeto Este projeto é um boilerpl

Éverton Toffanetto 14 Aug 21, 2022
Uma aplicação criada com react-native para armazenar as skills dos usuários cadastrados.

SkillsClass Aplicação focada no gerenciamento de skills dos usuários cadastrados. Uma aplicação desenvolvida no ignite da Rocketseat com alguns toques

Carlos Ferreira 1 Dec 25, 2021
Uma aplicação back-end para listar e verificar se o dia é um feriado de acordo com os feriados registrados no sistema

Holydayzer Sobre Uma aplicação back-end para listar e verificar se o dia é um feriado de acordo com os feriados registrados no sistema. Como rodar Exe

Vinícius 2 Mar 9, 2022
Uma aplicação back-end para consumo e envio de frases/mensagens semelhante ao twitter.

Tweteroo Uma aplicação back-end utilizando o nodemon para rodar o servidor e o express para consumo e envio de frases/mensagens. Rodar projeto Após cl

Vinícius 2 Feb 3, 2022
Uma aplicação criada para tirar dúvidas

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

Pedro Otávio 1 Apr 26, 2022
A AfirmaJobs é uma plataforma de divulgação de vagas voltadas para a diversidade e inclusão. A aplicação foi desenvolvida como projeto final do curso bootcamp da Reprograma

AFIRMAJOBS Este projeto é resultado do Bootcamp Back-End - Todas em Tech - { reprograma } Justificativa Grupos historicamente minorizados – população

Geankre Souza 4 Sep 12, 2022