Prototype para um possivel site estilo myanimelist... Para usar a UI tem que seguir o passos do site do shadcn, adicionar ele ao projeto e instalar as dependencias dele.
https://ui.shadcn.com/docs/installation/vite
npx shadcn@latest add --all
npm install tailwind-merge clsx react-hook-form @radix-ui/react-dialog @radix-ui/react-label @radix-ui/react-scroll-area @radix-ui/react-tabs framer-motion lucide-react
Depois de seguir os passos acima, mude o App do projeto por esse abaixo do link.
App.tsx
https://gitlab.com/sm-silva/myanimelist/-/blob/main/App.jsx?ref_type=heads
TO-DO:
- Separar as funções, componentes para paginas diferentes.
- Implementar integração Login com o HIVE KEYCHAIN
- Salvar Dados usando custom_json
- Obter dados do custom_json usando o HAFsql e mostrar no site
- Adicionar opção de imagens, descrição
- Adicionar opção de mudar layout
Talvez
- Criar uma pagina para cada filme, assim evitando que cada usuario perca tempo adicionando filmes e descrição.
- Adicionar suporte a tradução da interface.
Prototipo criando usando Gemini:
Prompt:
Develop a fully functional, customized, and customizable watch list web application using the Hive blockchain to store the data. The application should have the option to add movie name, current episode, tags, save the lists for reference, and edit later. As a team of experienced full-stack web developers specializing in technology solutions for social networking and social cataloging applications, you will design and build this application. The application should feature a user-friendly interface with separate dashboards for administrators and users. Include features such as user profiles with history of watched lists, a rating system. The front-end should be built using React JS. Maintain a professional, solution-oriented, and technically accurate tone throughout the development process.