https://github.com/devgabrielrr/spiderverse-nextjs-dio

ste é o repositório do projeto Spider-Verse, desenvolvido durante uma live no Youtub. O projeto consiste em uma aplicação interativa inspirada no universo do Homem-Aranha, usando as principais stacks front-end: React, Next.js 13, a biblioteca Framer Motion, Sass e TypeScript para criar um projeto visual incrível e de
https://github.com/devgabrielrr/spiderverse-nextjs-dio

framer-motion javascript nextjs react sass typescript

Last synced: about 1 month ago
JSON representation

ste é o repositório do projeto Spider-Verse, desenvolvido durante uma live no Youtub. O projeto consiste em uma aplicação interativa inspirada no universo do Homem-Aranha, usando as principais stacks front-end: React, Next.js 13, a biblioteca Framer Motion, Sass e TypeScript para criar um projeto visual incrível e de

• Host: GitHub
• URL: https://github.com/devgabrielrr/spiderverse-nextjs-dio
• Owner: DevGabrielrr
• Created: 2024-07-04T19:05:41.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-07-27T16:07:19.000Z (5 months ago)
• Last Synced: 2024-07-27T17:35:52.844Z (5 months ago)
• Topics: framer-motion, javascript, nextjs, react, sass, typescript
• Language: TypeScript
• Homepage:
• Size: 42.5 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Projeto Spider-Verse

Este é o repositório do projeto Spider-Verse, desenvolvido durante uma live no Youtube criado pela [Michele Ambrosio](https://github.com/micheleambrosio) . O projeto consiste em uma aplicação interativa inspirada no universo do Homem-Aranha, usando as principais stacks front-end: React, Next.js 13, a biblioteca Framer Motion, Sass e TypeScript para criar um projeto visual incrível e de alta performance.

[Demonstração do projeto.webm](https://github.com/micheleambrosio/dio-spiderverse/assets/55519539/6ea3a467-ca98-4b3d-aa16-855db8a5fdb0)

## 💻 Tecnologias utilizadas no projeto

- [React.js](https://reactjs.org) (v18)

- [Next.js](https://nextjs.org) (v13)

- [TypeScript](https://www.typescriptlang.org) (v5)

- [ESLint](https://eslint.org)

- [Framer Motion](https://www.framer.com/api/motion)

- [SASS](https://sass-lang.com)

## 🛠️ Instruções de execução

Siga as instruções abaixo para rodar o projeto em seu ambiente local:

1. 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.

2. Clone este repositório em seu computador ou faça o download do código fonte.

3. Abra o terminal e navegue até o diretório raiz do projeto.

4. Instale as dependências do projeto executando o seguinte comando:

```bash

  yarn install

```

5. Após a conclusão da instalação das dependências, inicie o servidor de desenvolvimento local com o comando:

```bash

  yarn dev

```

6. O servidor local será iniciado e você poderá acessar o projeto no seu navegador através do seguinte endereço:

```bash

  http://localhost:3000

```

Caso 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.