https://github.com/raizertechdev/dio-spiderverse

Criando um carrossel parallax do Aranhaverso com React, Next.js 13 e Framer Motion.
https://github.com/raizertechdev/dio-spiderverse

eslint framer-motion nextjs reactjs tailwindcss typescript

Last synced: about 2 months ago
JSON representation

Criando um carrossel parallax do Aranhaverso com React, Next.js 13 e Framer Motion.

• Host: GitHub
• URL: https://github.com/raizertechdev/dio-spiderverse
• Owner: RaizerTechDev
• Created: 2023-06-27T13:05:36.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-10-29T01:51:57.000Z (over 1 year ago)
• Last Synced: 2025-02-28T19:57:27.157Z (12 months ago)
• Topics: eslint, framer-motion, nextjs, reactjs, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://raizertechdev-spider.vercel.app/
• Size: 73.6 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
***



[![Typing SVG](https://readme-typing-svg.herokuapp.com?font=Fira+Code&weight=700&size=25&pause=1000&color=6035DF&center=true&vCenter=true&width=435&lines=Olá👋+sou+Rafael+Raizer)](https://git.io/typing-svg)



  

***

##  Venho aqui apresentar  

  

# **_PROJETODIO-SPIDERVERSE_**

### Este é o repositório do projeto Spider-Verse, desenvolvido durante uma live no Youtube em parceria com a [DIO](https://dio.me). 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.

###  

## [Clique aqui para acessar o Projeto](https://raizertechdev-spider.vercel.app/)




 [Demonstração do projeto]   








***

##   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)

- [Tailwind](https://tailwindcss.com/)

***

##   Instruções de execução

Para rodar o projeto no ambiente local siga os seguintes passos:

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

2. Instale as dependências do projeto executando o comando a seguir:

```bash

  npm install

  # ou

  yarn install

  # ou

  pnpm install

```

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

```bash

  npm run dev

  # ou

  yarn dev

  # ou

  pnpm dev

```

4. Acesse [http://localhost:3000](http://localhost:3000) com o seu navegador para ver o resultado.

***

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!

##  Autor



    

    

&nbsp&nbsp&nbspRafaRaizer-Dev


    &nbsp&nbsp&nbspWhatsapp | LinkedIn | GitHub| Tableau| Portfólio