Este é o repositório do projeto Spider-Verse, desenvolvido em parceria com a DIO. O projeto consiste em uma aplicação interativa inspirada no universo do Homem-Aranha, usando as principais stacks front-end: React, Next.js 14, a biblioteca Framer Motion, Sass e TypeScript para criar um projeto visual incrível e de alta performance.
245500314-6ea3a467-ca98-4b3d-aa16-855db8a5fdb0.webm
Front-end: React, Next 14, Typescript, SCSS, Framer Motion
Back-end: JSON Server
Siga as instruções abaixo para rodar o projeto em seu ambiente local:
-
Certifique-se de ter o Node.js instalado em seu computador. Você pode baixar a versão mais recente do Node.js em https://nodejs.org.
-
Clone este repositório em seu computador ou faça o download do código fonte.
-
Abra o terminal e navegue até o diretório raiz do projeto.
-
Instale as dependências do projeto executando o seguinte comando:
npm install- Após a conclusão da instalação das dependências, inicie o servidor de desenvolvimento local com o comando:
npm run dev:server- O servidor local será iniciado e você poderá acessar o projeto no seu navegador através do seguinte endereço:
http://localhost:3000Caso a porta 3000 estiver em uso, automaticamente o Next.js irá subir na próxima porta livre da máquina.
Se deseja alterar a porta padrão na qual a aplicação tentará subir, você pode modificar a porta no arquivo next.config.js.
Agora você está pronto para explorar o projeto em seu ambiente local!