https://github.com/ythiago03/physiosearch
App designed for a group of physiotherapy students to visualize parts of the lower limbs of the body, click on highlighted areas, and access articles, videos, texts, and more.
https://github.com/ythiago03/physiosearch
html react react-pinch-zoom scss shadcn-ui tailwindcss typescript
Last synced: 2 months ago
JSON representation
App designed for a group of physiotherapy students to visualize parts of the lower limbs of the body, click on highlighted areas, and access articles, videos, texts, and more.
- Host: GitHub
- URL: https://github.com/ythiago03/physiosearch
- Owner: ythiago03
- License: mit
- Created: 2024-08-26T22:29:10.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-07T21:48:42.000Z (over 1 year ago)
- Last Synced: 2025-08-03T03:39:41.981Z (11 months ago)
- Topics: html, react, react-pinch-zoom, scss, shadcn-ui, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://physiosearch.vercel.app/
- Size: 21.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# PhysioSearch
## Descrição
**PhysioSearch** é um projeto proposto por um grupo de estudantes de fisioterapia com o objetivo de facilitar o estudo e a visualização do corpo humano. O sistema permite que os estudantes visualizem um esqueleto 2D interativo, onde podem aplicar zoom, manipular a imagem e acessar informações detalhadas de áreas específicas do corpo. Cada parte clicável do esqueleto redireciona os usuários para uma visualização mais detalhada da área, que inclui links para artigos e tratamentos relacionados.
## Tecnologias Utilizadas
Este projeto foi desenvolvido utilizando as seguintes tecnologias:
- [**React**](https://reactjs.org/): Uma biblioteca JavaScript para construir interfaces de usuário.
- [**Vite**](https://vitejs.dev/): Um bundler rápido e moderno que melhora o desenvolvimento e a performance de aplicações React.
- [**ShadCN**](https://shadcn.dev/): Um conjunto de componentes React estilizados com Tailwind CSS.
- [**Tailwind CSS**](https://tailwindcss.com/): Uma biblioteca de CSS utilitária que permite uma estilização rápida e customizável.
- [**TypeScript**](https://www.typescriptlang.org/): Um superconjunto de JavaScript que adiciona tipos estáticos, melhorando a manutenção do código.
- [**SCSS**](https://sass-lang.com/): Um pré-processador CSS que permite mais flexibilidade e organização na criação de estilos.
- [**React Pinch Zoom**](https://www.npmjs.com/package/react-zoom-pan-pinch): Uma biblioteca para permitir zoom e pan de imagens no React.
## Funcionalidades
- Visualização interativa de um esqueleto humano em 2D.
- Zoom e movimentação da imagem utilizando gestos.
- Áreas clicáveis no esqueleto que levam a visualizações detalhadas.
- Links para artigos e tratamentos específicos baseados nas áreas clicadas.
## Como Rodar o Projeto
### Pré-requisitos
- Node.js versão 14 ou superior
- Gerenciador de pacotes (NPM ou Yarn)
### Passos para iniciar
1. Clone o repositório:
```bash
git clone https://github.com/ythiago03/physiosearch.git
cd physiosearch
```
2. Instale as dependências:
```bash
npm install
```
ou
```bash
yarn install
```
3. Execute o projeto em modo de desenvolvimento:
```bash
npm run dev
```
ou
```bash
yarn dev
```
4. Abra o navegador e acesse:
```bash
http://localhost:5173
```
## Contribuições
Contribuições são bem-vindas! Sinta-se à vontade para abrir issues ou enviar pull requests.
## Licença
Este projeto é licenciado sob a Licença MIT. Veja o arquivo LICENSE para mais detalhes.