Code Monkey home page Code Monkey logo

nlw4-react's Introduction

Move it

Aplicação desenvolvida durante a trilha de React da Next Level Week 4

Moveit

  

License   Count languages   Top language   Repo si  

  

🔍 Sobre

A aplicação coloca em prática a Técnica do Pomodoro, que nada mais é do que alternar entre períodos de tempo focado em uma tarefa e períodos de tempo para descansar. Contudo, a aplicação conta com um diferencial, que é uma espécie de gamificação, para estimular o usuário a usar a aplicação e se manter focado.

Ao utilizar a aplicação, o usuário aciona o contador para iniciar um período de tempo focado em uma tarefa, quando o contador termina o tempo, a aplicação libera um desafio para o usuário executar, e caso o desafio seja completado, o usuário ganha pontos de experiência. Os pontos de experiência acumulados fazem com que o usuário passe de níveis.

O projeto foi desenvolvido durante o NLW4, Next Level Week 4, oferecido pela Rocketseat. O NLW é uma experiência online com conteúdo prático e desafios, sendo que o conteúdo fica disponível durante uma semana.

Além do que foi desenvolvido durante o NLW4, essa versão também conta com outras implementações desenvolvidas por conta própria, sendo elas:

  • Adição da barra de navegação lateral
  • Adição da tela de login
  • Consumo da API de autenticação do GitHub

 

⚒ Tecnologias

Essa aplicação conta somente com frontend e foi desenvolvida utilizando NextJS.

 

📸 Screenshots

Tela de incial de login            Tela de login com GitHub

Tela inicial da aplicação            Tela com tempo comcluido e desafio a ser feito

Tela com desafio concluido e próximo nível            Tela pronta para uma nova contagem

 

📃 Licença

Esse repositório está licenciado pela MIT LICENSE. Para mais informações detalhadas, leia o arquivo LICENSE contido nesse repositório

 

👩‍💻 Autor

Feito por Dayana Toledo. Entre em contato!

nlw4-react's People

Contributors

dayatoledo avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.