Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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: about 24 hours 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.

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