project3-2024a-renan-e-thales

Deploy front: https://project3-2024a-renan-e-thales.vercel.app/

Deploy back: https://api-dw3.vercel.app/

Desenvolvedores

• Renan Bick - Sistemas de Informação
• Thales Lagemann - Sistemas de Informação

Nosso produto

Estoque para ginasios do RS no contexto da enchente Aplicativo voltado ao mobile com o intuito de ajudar as pessoas atingidas na enchente a registrar os estoques de doações dos ginasios que fazem a distribuição para a população

Desenvolvimento

1. Começamos criando instalando Vue e Laravel para o desenvolvimento de front e back
2. Pensamos em como ficaria o banco de dados e definimos as colunas e tabelas
3. Desenvolvemos o front end para testes enquanto faziamos as rotas do back end
4. Com o front funcionando foi a vez do back end, descobrimos que a api e backend em laravel com a vercel era um processo complexo
5. Após não conseguir garantir um bom projeto com laravel deixamos essa parte de lado e abrimos um novo deploy na netlify com outro arquivo somente em javascript
6. Utilizando o javascript e outra rota funcionou a conexão entre os dois
7. Então, após um bom tempo corrigindo problemas no programa, chegamos a um fluxo de exexução funcional e bem decente.
8. Atualizamos o projeto para a apresentação final, alterando tanto o front quanto o back, mudamos o back de hospedagem e tecnologias
9. Foi um trabalho demorado e com muitos imprevistos mas implementamos bem o front em flutter e o back em JavaScript com Express

Tecnologias

• JavaScript (API e Backend)
• Flutter (Frontend)
• Bulma (Styling)
• Netlify (Deploy)
• Postgres (Database)
• Zenstack(API)
• Vercel (Deploy)
• ChatGPT

Ambiente de desenvolvimento

• VS Code (IDE)
• Google Chrome (Navegador)
• Brave (Navegador)
• WebStorm (IDE)
• Edge (Navegador)

Referências e créditos

• ChatGPT foi bastante usado para rearranjar elementos na tela e para estilização, então temos muitos prompts do tipo: "put it into a floating container and make the background dark", "make the container brighter", "centralize the page title and put the score to the very right of the appbar, also put the question underneath the question number, on a different line", vários prompts desse tipo.Além de ajudar com a vinculação do banco de dados com o back e montagem do back em si.

---

Projeto entregue para a disciplina de Desenvolvimento de Software para a Web em 2024a