in.orbit-web

in.orbit-web é o cliente web da API in.orbit-api, com fim de realizar o gerenciamento de metas semanais, permitindo o cadastramento da meta, quantidade de dias que será realizada durante a semana, listagem, exibindo as metas da ultima semana baseando-se no dia atual com contagem de dias que a meta foi realizada e permitindo a atualização de metas.

📒 Índice

• Descrição
• Requisitos Funcionais
  • Features
• Tecnologias
• Design
  • Cores
  • Fontes
  • Ícones
• Instalação
• Licença

📃 Descrição

in.orbit-web é o cliente web da API in.orbit-api, com fim de realizar o gerenciamento de metas semanais, permitindo o cadastramento da meta, quantidade de dias que será realizada durante a semana, listagem, exibindo as metas da ultima semana baseando-se no dia atual com contagem de dias que a meta foi realizada e permitindo a atualização de metas. Utilizando-se de tecnologias com o superset TypeScript, com a biblioteca React para web, Vite para o desenvolvimento e o framework CSS tailwindcss para um layout responsivo e padronizado, ReactQuery para as requisições, Zod para as validações e biomejs para formatter e linter para a sintaxe.

📌 Requisitos Funcionais

• Cadastrar metas para a semana com quantidade de dias para realizar
  
• Listagem das metas da ultima semana com quantidade de dias que foram completados na semana
  
• Marcar meta como completa, validando se não foi completada antes e contando os dias de concluído
  
• Resumo das metas da ultima semana com valor total das mesmas e detalhes de cada uma agrupadas por dia
  

Features

• Requisição a API
  

💻 Tecnologias

• HTML
• CSS
• JavaScript
• TypeScript
• Vite
• ReactJS
• tailwindcss
• tailwind-merge
• tailwind-variants
• dayjs
• lucide-react
• @radix-ui
• zod
• react-hook-form
• @hookform/resolvers
• @tanstack/react-query
• biomejs

🎨 Design

• O modelo final para versão desktop e mobile está disponível na pasta ./design

• Cores
  

  • #F472B6
    
  • #EC4899
    
  • #F5F3FF
    
  • #8B5CF6
    
  • #FAFAFA
    
  • #F4F4F5
    
  • #D4D4D8
    
  • #A1A1AA
    
  • #71717A
    
  • #52525B
    
  • #27272A
    
  • #18181B
    
  • #09090B
    
  • #000000
    
  • #FFFFFF
    

• Fontes
  

  • Arial, sans-serif

• Ícones
  

  • Lucid-React

🚀 Instalação

  # Clone este repositório:
  $ git clone https://github.com/CleilsonAndrade/in.orbit-web.git
  $ cd ./in.orbit-web

  # Executar:
  $ yarn dev

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

---

Feito com 💜 by CleilsonAndrade