in.orbit

Descrição breve do projeto: Uma aplicação React construída durante o evento NWL Pocket: JavaScript da Rocketseat que visa facilitar o gerenciamento de metas pessoais. Desenvolvido com as melhores práticas em mente e um design responsivo para melhorar a experiência do usuário.

Índice

1. Sobre
2. Funcionalidades
3. Tecnologias Utilizadas
4. Instalação
5. Uso
6. Contato

Sobre

Este projeto é uma aplicação React feita para ajudar os usuários a gerenciar e alcançar suas metas pessoais de maneira mais fácil. Com objetivo de incentivá-los a cumprir seus objetivos, oferecendo uma interface simples e intuitiva que ajuda a manter a motivação e o foco no que realmente importa.

Funcionalidades

• Funcionalidade 1: Criação de metas.
• Funcionalidade 2: Marcação de metras concluídas no dia.

Tecnologias Utilizadas

• React: Biblioteca JavaScript para construir interfaces de usuário.
• Tailwind CSS: Framework CSS utilitário para estilização rápida e customizada.
• Lucide: Biblioteca de ícones de código aberto, leve e personalizável.
• Vite: Ferramenta de build que proporciona um ambiente de desenvolvimento rápido para projetos web modernos.
• React Hook Form: Biblioteca para gerenciamento eficiente de formulários e validação em aplicações React.
• Zod: Biblioteca TypeScript-first para validação e definição de esquemas de dados.
• Radix UI: Conjunto de componentes React não estilizados e acessíveis para construção de interfaces de usuário.
• Dayjs: Biblioteca JavaScript minimalista para manipulação e formatação de datas e horas.
• Tanstack Query: Biblioteca para gerenciamento de estado de dados assíncronos, incluindo requisições e cache de dados em aplicações React.
• Biome JS: Ferramenta para formatação e linting de código JavaScript e TypeScript.

Instalação

Para rodar este projeto localmente, siga os passos abaixo:

1. Clone o repositório:

   git clone https://github.com/rodrigoqueiroz12/in-orbit-react.git

2. Acesse o diretório do projeto:

   cd in-orbit-react

3. Instale as dependências:

   npm install

4. Copie o arquivo .env.example e crie o .env

5. Inicie a aplicação:

   npm run dev

   Isso irá iniciar o servidor de desenvolvimento e abrir a aplicação no navegador.

IMPORTANTE: Para utilizar 100% do projeto, é necessário ter, também, o projeto in-orbit-node executando.

Uso

Após iniciar o servidor, você pode acessar a aplicação em http://localhost:5173/. Navegue pela aplicação e explore suas funcionalidades.

Contato

Se você tiver dúvidas ou sugestões, sinta-se à vontade para entrar em contato:

• Nome: Rodrigo
• Email: rodrigo.queiroz0629@gmail.com
• LinkedIn
• GitHub