https://github.com/denissonpereira/explore-physics360

As calculadoras presentes no site foram criadas originalmente para proporcionar aos estudantes uma ferramenta interativa e educativa, visando facilitar cálculos complexos em física e matemática.
https://github.com/denissonpereira/explore-physics360

css css3 html html5 javascript less react sass typescript

Last synced: 3 months ago
JSON representation

As calculadoras presentes no site foram criadas originalmente para proporcionar aos estudantes uma ferramenta interativa e educativa, visando facilitar cálculos complexos em física e matemática.

• Host: GitHub
• URL: https://github.com/denissonpereira/explore-physics360
• Owner: DenissonPereira
• License: mit
• Created: 2023-12-26T19:59:07.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-25T01:12:59.000Z (over 1 year ago)
• Last Synced: 2025-03-12T22:43:32.004Z (3 months ago)
• Topics: css, css3, html, html5, javascript, less, react, sass, typescript
• Language: TypeScript
• Homepage: https://denissonpereira.github.io/explore-physics360/
• Size: 45.4 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 📗  Explore Physics 360

# 🔍 Explore a Aplicação em Funcionamento

Convidamos você a explorar a aplicação **"Explore Physics 360"** em sua versão online: 

[![NPM](https://img.shields.io/badge/Clique%20Aqui-8A2BE2)](https://denissonpereira.github.io/explore-physics360/)

# 📑 Sobre o projeto 

O site **Explore Physics 360** é uma iniciativa apaixonada e dedicada, desenvolvida por entusiastas comprometidos com a educação em *física* e *matemática*. Importante esclarecer que este projeto não tem vínculo oficial com instituições educacionais ou entidades relacionadas. As calculadoras presentes no site foram criadas originalmente para proporcionar aos estudantes uma ferramenta interativa e educativa, visando facilitar cálculos complexos em *física* e *matemática*. Este recurso busca enriquecer a experiência de aprendizado, oferecendo uma abordagem prática e acessível para explorar conceitos dessas disciplinas.

## 📸 Visuals and Screenshots

Dê uma espiada nas imagens abaixo para ter uma prévia visual do projeto em ação. As capturas de tela oferecem um vislumbre das principais características e do design envolvente.

### 💻 Layout web

![Web 1](./public/web1.png) 

![Web 2](./public/web2.png) 

### 📱 Layout mobile

![Mobile 1](./public/mob1.jpg) ![Mobile 2](./public/mob2.jpg)

## 📚 Stack Tecnológica

[![Badge](https://img.shields.io/badge/Vite%20-%238A2BE2?style=flat&logo=vite&logoColor=white)](https://vitejs.dev/)

[![Badge](https://img.shields.io/badge/ReactJs-v18.2.0-blue?style=flat&logo=react&logoColor=white)](https://react.dev/)

[![Badge](https://img.shields.io/badge/React%20Router-6.20.0-%238A2BE2?style=flat&logo=react-router&logoColor=white)](https://reactrouter.com/)

[![Badge](https://img.shields.io/badge/Icons-v4.2.0-hotpink?style=flat&logo=react&logoColor=white)](https://react-icons.github.io/react-icons/)

[![Badge](https://img.shields.io/badge/HTML-orange?style=flat&logo=html5&logoColor=white)](https://www.w3.org/html/)

[![Badge](https://img.shields.io/badge/Sass-purple?style=flat&logo=sass&logoColor=white)](https://sass-lang.com/)

[![Badge](https://img.shields.io/badge/Less-blue?style=flat&logo=less&logoColor=white)](http://lesscss.org/)

[![Badge](https://img.shields.io/badge/TypeScript-blue?style=flat&logo=typescript&logoColor=white)](https://www.typescriptlang.org/)

[![Badge](https://img.shields.io/badge/Node.js-v21.4.0-green?style=flat&logo=node.js&logoColor=white)](https://nodejs.org/)

[![Badge](https://img.shields.io/badge/React_Bootstrap-v2.9.1-purple?style=flat&logo=bootstrap&logoColor=white)](https://react-bootstrap.netlify.app/)

[![Badge](https://img.shields.io/badge/Math.js-%23B20000?style=flat&logoColor=white)](https://mathjs.org/)

## 🌐 Implantação em produção

- Web: `GitHub Pages`

# 🚀 Como executar o projeto 🚀

## ⚙ Pré-requisitos

Você precisa ter o npm instalado em seu computador. O npm está disponível com o NodeJS, e para baixá-lo, basta clicar no link abaixo:

[![NPM](https://img.shields.io/npm/v/npm.svg?logo=npm)](https://nodejs.org/en) 

Após instalar o npm, instale as dependências do projeto com o seguinte comando no seu terminal:

```

npm install

```

## ✨ Tudo pronto! ✨

Agora basta executar o projeto com o comando:

```

npm run dev

```

Aguarde a conclusão da compilação e vá para http://localhost:5173/explore-physics360/ após o término da compilação.

## 🚨 Aguarde! Ainda não terminou!

>Ao adotar uma abordagem de código aberto, buscamos criar uma plataforma inclusiva, onde diversas perspectivas e habilidades possam se unir para enriquecer ainda mais a experiência de aprendizado oferecida pelo Explore Physics 360. Queremos construir uma comunidade vibrante que compartilhe o compromisso com a educação e a disseminação do conhecimento científico.

>Se você é apaixonado por física, matemática ou programação, convidamos você a explorar o código-fonte do projeto em nosso repositório no GitHub e contribuir de maneira ativa para melhorar e expandir as funcionalidades do Explore Physics 360. Juntos, podemos criar uma ferramenta ainda mais poderosa e acessível para estudantes de todas as partes do mundo.

## 📜 Licença

[![NPM](https://img.shields.io/npm/l/react)](https://github.com/DenissonPereira/explore-physics360/blob/main/LICENSE) 

## ✏️ Autor 

Denisson Pereira Santos