A solução proposta, Guarda-Receita, é uma aplicação para usuários que desejam armazenar e gerenciar suas receitas culinárias. A aplicação conta com três interfaces principais: um site público (landing page), um site para os usuários e uma versão mobile. O site público tem como objetivo apresentar a plataforma, permitindo que novos usuários se cadastrem e façam login. Já o site e a versão mobile são utilizados para registrar novas receitas, consultar receitas já cadastradas, além de editar e excluir registros existentes.
Repositório versão web: https://github.com/manuelazotavio/cookingweb
Repositório backend: https://github.com/manuelazotavio/backCooking
npm i npm startPara a opção abaixo, você precisa instalar o expo no seu celular e escanear o QR code para melhor visualização.
npm i npx expo startCom o Guarda-Receita, você pode salvar todas as suas receitas em um só lugar e acessá-las de qualquer dispositivo, seja pelo site ou pelo aplicativo móvel. Não precisa mais se preocupar com cadernos perdidos ou papéis espalhados pela cozinha.
Adicione suas receitas com poucos cliques, incluindo ingredientes, modo de preparo, tempo de cozimento, quantidade de porções e até mesmo uma imagem ilustrativa. Além disso, a ferramenta de busca permite que você encontre rapidamente qualquer receita cadastrada.
Marque suas receitas favoritas para um acesso ainda mais rápido. Você também pode editar ou excluir receitas conforme necessário, garantindo que sua coleção culinária esteja sempre atualizada.
— React e JavaScript para interatividade e dinamismo;
— React Native e Expo para a versão mobile;
— Zod para validação dos dados internos;
— Node.js para o ambiente do servidor;
— Git e GitHub para versionamento do código;
— Jest para testes;
— Zustand para criação de stores;
— Prisma para integração do banco de dados e backend.
— Supabase para o banco de dados e o armazenamento de imagens em stores;
Os objetivos propostos para a criação das três interfaces do Guarda-Receita foram atingidos de maneira satisfatória. A empresa de armazenamento de receitas conseguiu uma solução integrada que proporciona aos seus clientes acesso facilitado para todas as funcionalidades propostas.
O desenvolvimento dos sites utilizando as tecnologias previamente citadas possibilitou a criação de uma plataforma robusta, interativa, segura e responsiva, atendendo aos requisitos de um sistema moderno e eficiente.
— Supabase: https://supabase.com/
— React: https://react.dev/
— Node.js: https://nodejs.org/en/docs
— Prisma: https://www.prisma.io/docs
— React Native: https://reactnative.dev/docs/getting-started
— GitHub: https://github.com/
