https://github.com/felipesantos92dev/demon-slayer
Guia interativo para fãs do anime Demon Slayer (Kimetsu no Yaiba) - Next.js, TypeScript, Tailwind CSS.
https://github.com/felipesantos92dev/demon-slayer
approuter demonslayer mentoring nextjs students tailwindcss typescript
Last synced: 3 months ago
JSON representation
Guia interativo para fãs do anime Demon Slayer (Kimetsu no Yaiba) - Next.js, TypeScript, Tailwind CSS.
- Host: GitHub
- URL: https://github.com/felipesantos92dev/demon-slayer
- Owner: FelipeSantos92Dev
- License: mit
- Created: 2023-10-30T11:57:37.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-29T11:15:21.000Z (over 1 year ago)
- Last Synced: 2025-01-11T21:40:41.423Z (5 months ago)
- Topics: approuter, demonslayer, mentoring, nextjs, students, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://demon-slayer-cyan.vercel.app
- Size: 319 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Guia Demon Slayer
[](https://github.com/FelipeSantos92Dev/demon-slayer)
Este é o repositório de um projeto abrangente que combina o desenvolvimento de uma API e um site público voltado para os aficionados pelo anime Demon Slayer (Kimetsu no Yaiba). O projeto foi construído utilizando tecnologias de ponta, incluindo Next.js, TypeScript e Tailwind CSS, propondo-se a oferecer aos fãs um guia interativo e informativo abrangendo todos os aspectos do mundo de Demon Slayer. O guia detalha extensivamente os personagens da série, explorando suas origens, habilidades e impacto na trama, proporcionando uma experiência imersiva e enriquecedora para os entusiastas.
## Visão Geral
O projeto possui as seguintes características principais:
- **Frontend em Next.js**: A interface do usuário foi desenvolvida utilizando Next.js, um framework React para renderização no lado do servidor, tornando-o altamente eficiente.
- **Estilização com Tailwind CSS**: O projeto utiliza o Tailwind CSS para a estilização, facilitando a criação de interfaces atraentes e responsivas.
- **Escrito em TypeScript**: O código é escrito em TypeScript para maior segurança e facilidade de manutenção.
## Pré-requisitos
Antes de executar o projeto, certifique-se de ter as seguintes ferramentas instaladas:
- Node.js
## Instalação e Uso
Siga estas etapas para executar o projeto em sua máquina:
1. Clone o repositório
```sh
git clone https://github.com/FelipeSantos92Dev/demon-slayer.git
```
2. Navegue para o diretório do projeto:
```sh
cd demon-slayer
```
3. Instale as dependências:
```sh
yarn
```
4. Execute o projeto:
```sh
yarn dev
```
Acesse o aplicativo em seu navegador em http://localhost:3000.
## Desenvolvimento de Novas Features
- [x] Criação de pasta na nuvem para armazenamento de imagens
- [x] Criação de personagens na plataforma Hygraph
- [ ] Criação do design do site utilizando o Figma
- [ ] Desenvolvimento de páginas de lista dos personagens
- [ ] Desenvolvimento de páginas de detalhes dos personagens
- [ ] Desenvolvimento de páginas de lista dos lugares
- [ ] Desenvolvimento de páginas de detalhes dos lugares
- [ ] Desenvolvimento da página inicial
- [ ] Adição de funcionalidade de pesquisa
- [ ] Implementação da autenticação de usuário
- [ ] Implementação de um painel de administração
Sinta-se à vontade para adicionar mais etapas de desenvolvimento de acordo com as necessidades do projeto.
## Contribuição
Se você deseja contribuir para este projeto, sinta-se à vontade para abrir issues e pull requests. Ficaremos felizes em receber contribuições!
## Licença
Este projeto é licenciado sob a MIT License - consulte o arquivo [LICENSE](LICENSE) para obter mais detalhes.
---
Desenvolvido por [Felipe Santos](https://github.com/FelipeSantos92Dev) e [Stefanny Rodrigues](https://github.com/Stefanny44).