InspirationTherian Heaven
GitHub repo: https://github.com/NicolasSG/therian-heaven
O Therian Heaven nasceu de uma ideia baseado em um crescimento global, onde pessoas que se identificam espiritualmente, psicologicamente ou simbolicamente com animais, nao encontram . A proposta foi pensada de forma criativa e divertida, combinando elementos de rede social, perfis personalizados e serviços temáticos em uma única plataforma.
O que nos inspirou:
A inspiração surgiu da vontade de construir algo diferente dos projetos tradicionais. Queriamos desenvolver um sistema que exigisse múltiplas funcionalidades reais de um produto digital moderno, como autenticação, gerenciamento de usuários, integração entre frontend e backend, persistência de dados e deploy em produção.
Além disso, o conceito da comunidade therian permitiu criar uma identidade visual única e explorar requisitos incomuns, como uma paleta de cores gerada aleatoriamente a cada carregamento da página, tornando cada visita uma experiência diferente.
Como o projeto foi desenvolvido:
O projeto foi construído utilizando uma arquitetura full-stack.
Frontend
- React
- Vite
- React Router
- CSS Modules
- Fetch API
O frontend é responsável pela interface dos usuários, exibição de perfis, formulários de cadastro e login, navegação entre páginas e consumo da API.
Backend
- Node.js
- Express.js
- JWT (JSON Web Token)
- Bcrypt
O backend foi desenvolvido seguindo o padrão REST API, responsável pela autenticação dos usuários, validação dos dados, gerenciamento dos perfis e comunicação com o banco de dados.
Banco de Dados
- MongoDB Atlas
- Mongoose
O MongoDB foi utilizado para armazenar informações dos usuários, perfis therian e demais dados da aplicação, enquanto o Mongoose facilitou a modelagem dos documentos e validações.
Deploy
- Frontend: Vercel
- Backend: Render
- Banco de Dados: MongoDB Atlas
O que aprendemos:
Durante o desenvolvimento do Therian Heaven, aprofundei conhecimentos importantes sobre desenvolvimento full-stack:
- Estruturação de APIs REST
- Autenticação utilizando JWT
- Criptografia de senhas com Bcrypt
- Integração entre frontend e backend
- Consumo de APIs utilizando Fetch
- Modelagem de dados no MongoDB
- Deploy de aplicações em ambientes de produção
- Configuração de variáveis de ambiente
- Controle de versão utilizando Git e GitHub
- Resolução de problemas relacionados a CORS
Também aprendi a lidar melhor com a separação de responsabilidades entre frontend, backend e banco de dados, tornando a aplicação mais organizada e escalável.
Desafios encontrados
Trabalhamos pela primeira vez em equipe, onde varias pessoas codavam no mesmo projeto e enviavam commits quase que simultaneamente ao GitHub, causando conflitos no repositorio.
Outro desafio importante foi garantir que a autenticação funcionasse corretamente em toda a aplicação, protegendo rotas privadas e mantendo a experiência do usuário consistente.
Conclusão
O Therian Heaven foi uma excelente oportunidade para praticar conceitos fundamentais de desenvolvimento full-stack em um projeto criativo e fora do convencional. Além de consolidar conhecimentos técnicos em React, Node.js, Express e MongoDB, o projeto também proporcionou experiência prática com deploy, integração entre serviços e resolução de problemas reais encontrados durante o ciclo completo de desenvolvimento de uma aplicação web.
Log in or sign up for Devpost to join the conversation.