Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/brendon3578/node-in-orbit-web

Last synced: about 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/brendon3578/node-in-orbit-web
Owner: Brendon3578
Created: 2024-09-15T03:41:33.000Z (4 months ago)
Default Branch: main
Last Pushed: 2024-09-16T16:21:48.000Z (4 months ago)
Last Synced: 2024-09-17T05:16:31.167Z (4 months ago)
Language: TypeScript
Size: 102 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        


  

  in.orbit - Front end



![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

![Zod](https://img.shields.io/badge/zod-%233068b7.svg?style=for-the-badge&logo=zod&logoColor=white)

![React](https://img.shields.io/badge/react-0d0d0d?style=for-the-badge&logo=react)

![React Query](https://img.shields.io/badge/react--query-%23FF4154.svg?style=for-the-badge&logo=react-query&logoColor=white)

![React Hook Form](https://img.shields.io/badge/react--hook--form-%23EC5990.svg?style=for-the-badge&logo=react-hook-form&logoColor=white)

## 💻 Projeto

A aplicação web do **In Orbit** permite que os usuários acompanhem e gerenciem seus hábitos e metas ao longo da semana de forma intuitiva e responsiva. A aplicação oferece uma interface clara para visualizar metas realizadas e pendentes, além de permitir ajustes na frequência e nos detalhes das metas criadas.

Com ele é possível:

- Criar e gerenciar metas e hábitos

- Visualizar o progresso ao longo da semana ou de um dia

- Monitorar a frequência das metas ao longo da semana

- Ver a quantidade de metas totais realizadas

Para visualizar a interface no Figma, [clique aqui](https://www.figma.com/community/file/1415093862269754302/nlw-pocket-js-in-orbit).



  

    

  



## ✨ Tecnologias

- [React](https://reactjs.org/) - Biblioteca JavaScript para construção de interfaces de usuário

- [TypeScript](https://www.typescriptlang.org/) - Superset do JavaScript que adiciona tipagem estática

- [Zod](https://zod.dev/) - Utilizado para validação de dados do formulário

- [React Query](https://react-query-v3.tanstack.com/) - Biblioteca para gerenciamento de estado assíncrono e cache de dados de requisições

- [React Hook Form](https://react-hook-form.com/) - Utilizado para gerenciar e validar formulários

## 🔥 Iniciar a aplicação

Antes de iniciar, certifique-se de que o [backend](https://github.com/Brendon3578/node-in-orbit-server) esteja rodando corretamente. Para iniciar o frontend, siga os passos abaixo:

```bash

# Instalar as dependências

npm install

# Iniciar a aplicação em ambiente de desenvolvimento (http://localhost:5173)

npm run dev

```

---



    Feito com ☕ por  Brendon Gomes