Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/denissonpereira/full-stack-blume-capel-model-
O projeto oferece uma API em Java com dados referentes ao modelo de Blume-Capel. Além disso, o repositório conta com duas interfaces: uma web, construída com Next.js, e uma mobile, construída com React Native. Dessa forma, os usuários conseguem visualizar e editar os dados servidos pela API.
https://github.com/denissonpereira/full-stack-blume-capel-model-
axios docker expo java kotlin maven mysql react react-native reactts ruby spring spring-boot spring-mvc storybook tailwindcss ts typescript vitest
Last synced: about 1 month ago
JSON representation
O projeto oferece uma API em Java com dados referentes ao modelo de Blume-Capel. Além disso, o repositório conta com duas interfaces: uma web, construída com Next.js, e uma mobile, construída com React Native. Dessa forma, os usuários conseguem visualizar e editar os dados servidos pela API.
- Host: GitHub
- URL: https://github.com/denissonpereira/full-stack-blume-capel-model-
- Owner: DenissonPereira
- License: mit
- Created: 2024-03-15T17:21:27.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-03-27T11:04:35.000Z (9 months ago)
- Last Synced: 2024-03-27T15:13:05.914Z (9 months ago)
- Topics: axios, docker, expo, java, kotlin, maven, mysql, react, react-native, reactts, ruby, spring, spring-boot, spring-mvc, storybook, tailwindcss, ts, typescript, vitest
- Language: TypeScript
- Homepage:
- Size: 17.4 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
![Web 1](./public/banner.png)
# 📑 Sobre o projeto
Dentro da teoria do campo médio, o **modelo de Blume-Capel** destaca-se no estudo de sistemas de spins mistos. No entanto, sua solução não é trivial, pois envolve sistemas de equações hiperbólicas autoconsistentes. A expressão para o Hamiltoniano do modelo é
Nessa perspectiva, o presente projeto propõe um conjunto de *softwares* para auxiliar pesquisadores da área com as soluções das equações e outros dados importantes. Com o objetivo de alcançar esse intento, o projeto é composto por três partes fundamentais: **backend**, **web** e **mobile**. O **backend**, desenvolvido em **Java**, oferece uma **API** com dados persistentes do banco, permitindo aos usuários consumi-los sem a necessidade de resolver equações, proporcionando assim a continuidade de suas pesquisas de forma eficiente. A parte **web**, criada com **React**, disponibiliza uma plataforma que consome a **API** e também permite a modificação dos dados, especialmente quando o usuário possui privilégios de administrador. Já a parte **mobile**, elaborada com **React Native**, oferece uma interface elegante e de fácil uso, possibilitando um acesso rápido e intuitivo aos dados necessários.
## 📚 Stack Tecnológica
### • Design
![Adobe Photoshop](https://img.shields.io/badge/adobe%20photoshop-%23051D34?style=for-the-badge&logo=adobe%20photoshop&logoColor=%233CA3F7)
![Figma](https://img.shields.io/badge/figma-%23F24E1E.svg?style=for-the-badge&logo=figma&logoColor=white)### • Backend
[![Java](https://img.shields.io/badge/java-%23ED8B00.svg?style=for-the-badge&logo=openjdk&logoColor=white)](https://www.java.com/)
![Maven](https://img.shields.io/badge/Maven-C71A36?style=for-the-badge&logo=apache-maven&logoColor=white)
[![Spring](https://img.shields.io/badge/spring-%236DB33F.svg?style=for-the-badge&logo=spring&logoColor=white)](https://spring.io/)
![MySQL](https://img.shields.io/badge/mysql-4479A1.svg?style=for-the-badge&logo=mysql&logoColor=white)### • Web
![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)
![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)
![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)
![Context-API](https://img.shields.io/badge/Context--Api-000000?style=for-the-badge&logo=react)
![Axios](https://img.shields.io/badge/Axios-%237261DF?style=for-the-badge&logo=axios&logoColor=white)
![Storybook](https://img.shields.io/badge/-Storybook-FF4785?style=for-the-badge&logo=storybook&logoColor=white)
![Vitest](https://img.shields.io/badge/Vitest-green?style=for-the-badge&logo=vitest&logoColor=white)
![Docker](https://img.shields.io/badge/docker-%230db7ed.svg?style=for-the-badge&logo=docker&logoColor=white)### • Mobile
![Expo](https://img.shields.io/badge/expo-1C1E24?style=for-the-badge&logo=expo&logoColor=#D04A37)
![React Native](https://img.shields.io/badge/react_native-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)
![Context-API](https://img.shields.io/badge/Context--Api-000000?style=for-the-badge&logo=react)
![Axios](https://img.shields.io/badge/Axios-%237261DF?style=for-the-badge&logo=axios&logoColor=white)
![Kotlin](https://img.shields.io/badge/kotlin-%237F52FF.svg?style=for-the-badge&logo=kotlin&logoColor=white)
![Ruby](https://img.shields.io/badge/ruby-%23CC342D.svg?style=for-the-badge&logo=ruby&logoColor=white)# ⚙ Pré-requisitos
## Certifique-se de ter o Node.js instalado
Antes de mais nada, verifique se você tem o Node.js instalado em sua máquina. Você pode baixá-lo e instalá-lo a partir do site oficial do Node.js:
[![NPM](https://img.shields.io/npm/v/npm.svg?logo=npm)](https://nodejs.org/en)
## Instale o Expo CLI globalmente
Abra o terminal ou prompt de comando e execute o seguinte comando para instalar o Expo CLI globalmente em sua máquina:
```
npm install -g expo-cli
```# 🚀 Como executar o projeto 🚀
## ⬇️ Clonar repositório git
```
git clone https://github.com/DenissonPereira/full-stack-blume-capel-model-
```## 🏧 Backend
Após clonar o repositório, para acessar o backend, basta digitar o seguinte comando no terminal:
```
cd backend
```Lembre-se de que os dados estão localizados, a partir da raiz do projeto, em database/Dump20240319.sql
## 🌐 Web
Para acessar a interface web, na pasta raiz do projeto, basta digitar:
```
cd web
```Após entrar na pasta, instale as dependências do projeto com o seguinte comando:
```
npm install
```Assim, para iniciar a aplicação, digite o seguinte comando no terminal:
```
npm run dev
```Por fim, você pode acessar a aplicação em seu navegador de preferência utilizando o seguinte endereço: http://localhost:3000/
## 📱 Mobile
Para acessar a pasta do projeto, digite no terminal o seguinte comando:
```
cd mobile
```Após entrar na pasta, instale as dependências do projeto com o seguinte comando:
```
npm install
```Tudo pronto! para visualizar o projeto, digite:
```
npx expo
```# 📸 Visuals and Screenshots
Dê uma espiada no nosso projeto em funcionamento e esclareça todas as suas dúvidas sobre como executá-lo!
## 🌐 Web
### Versão web
![Web 1](./public/web.gif)
## 📱 Responsividade e Mobile
![Web 2](./public/res.jpeg) ![Mob 1](./public/RPReplay_Final1711383878.gif)
## 📺 Editor de código
Neste projeto, foi utilizado o Visual Studio Code como editor de código.
[![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-0078d7.svg?style=for-the-badge&logo=visual-studio-code&logoColor=white)](https://code.visualstudio.com/)
# 🚨 Aguarde! Ainda não terminou!
>Este projeto está atualmente em desenvolvimento, e está sujeito a futuras atualizações e melhorias conforme evolui. Estamos trabalhando para torná-lo ainda mais robusto e funcional ao longo do tempo. Agradecemos sua paciência e interesse nesta fase inicial.
>Além disso, gostaríamos de ressaltar que este projeto é aberto a contribuições de qualquer pessoa interessada em colaborar. Se você tem ideias, sugestões ou melhorias para oferecer, sinta-se à vontade para participar do desenvolvimento do projeto. Juntos, podemos criar algo incrível e beneficiar a comunidade de forma colaborativa.
## 📜 Licença
[![NPM](https://img.shields.io/npm/l/react)](https://github.com/DenissonPereira/full-stack-blume-capel-model-/blob/main/LICENSE)
## ✏️ Autor
Denisson Pereira Santos