Git Product home page Git Product logo

yami's Introduction

Projeto desenvolvido durante a #NLW4 da RocketSeat

Sobre    |     Tecnologias    |    Conteúdo da Trilha    |    Instalação    |    Licença

Github Linguagens RocketSeat Stars License

📌 Sobre a aplicação

O YAMI é uma aplicação de produtividade que alia a técnica Pomodoro com exercícios saudáveis de alongamento. O projeto foi desenvolvido durante a Next Level Week 4 promovida pela Rocket Seat, durante a trilha de React.

🍅 Pomodoro

Pomodoro é um método de gerenciamento de tempo que consiste em fazer períodos de trabalhos ininterruptos de 25min, e, após isso, um intervalo de 5min. Ao final de 4 ciclos de 25min, é feita uma pausa de 30min.

Para esta versão os ciclos são bem curtos, para facilitar os testes, pois ainda estou adicionando funcionalidades ao app e preciso de ciclos curtos para testar.

💻 Deploy

O deploy de aplicação pode ser consultado em: https://yami-psi.vercel.app

⚙ Tecnologias

Front-End

  • NextJS
  • ReactJS
  • HTML5
  • CSS3
  • TypeScript

Back-End

  • NodeJS

📝 Conteúdo da Trilha

React

  • create-react-app
  • SPA (Single Page Application)
  • Componentes em React
  • Context API

Nextjs

  • create-next-app
  • SSR (Server-Side Render)
  • SSG (Static Site Generation)
  • Entendendo a indexação por SEO e Crawlers
  • Camada intermediária em NodeJS

✨ Próximo Nível

  • Reponsividade
  • Sidebar
  • Darktheme
  • Página de Login

🛠 Instalação

# Clone esse repositório
$ git clone https://github.com/tedmartins/yami.git

# Acesse a pasta no projeto
$ cd yami

# Instale as dependências
$ npm install
# or
$ npm install -g yarn

# Execute a aplicação em modo desenvolvedor
$ npm run dev:server
# or
$ yarn dev

# A porta do servidor irá abrir no console: https://localhost:3000

📝 Licença

Distribuído sob a licença MIT. Veja LICENSE para mais informações.

yami's People

Contributors

tedmartins 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.