Skip to content

limasthays/starwarspedia

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

58 Commits
 
 
 
 

Repository files navigation

🌟 starwarspedia 🌟

Este é um projeto de enciclopédia online de Star Wars, onde os usuários podem pesquisar informações sobre personagens todos os personagens da saga. Nele são encontradas fotos dos personagens, informações como seu peso, idade, gênero, planeta de origem, em quais filmes aparece e mais!

Voce pode conferi-lo em producao no seguinte link: https://starwarspedia.vercel.app/

📋 Briefing

Este projeto foi criado a partir de um fork do repositório Banco de talentos como forma de ingressar no banco de talentos da plataforma.

💻 Instalação

Para instalar este projeto, siga os seguintes passos:

  1. Certifique-se de ter o Node.js e o gerenciador de pacotes Yarn instalados em sua máquina. Se não tiver, siga as instruções em https://nodejs.org e https://yarnpkg.com/getting-started/install para instalá-los.
  2. Clone este repositório em sua máquina usando o seguinte comando no terminal: git clone https://github.com/limasthays/starwarspedia.git
  3. Navegue até a pasta do projeto usando o seguinte comando: cd starwarspedia e depois cd main-project
  4. Instale as dependências do projeto usando o seguinte comando: yarn install

🚀 Executando o projeto

Após a instalação, você pode iniciar o servidor de desenvolvimento com o seguinte comando: yarn start

Isso irá iniciar o aplicativo em modo de desenvolvimento e abrirá automaticamente o seu navegador em http://localhost:3000.

📦 Dependências utilizadas

  • react: Biblioteca JavaScript para criar interfaces de usuário.
  • typescript: Superset de JavaScript com tipagem estática.
  • react-router-dom: Biblioteca para adicionar roteamento a um aplicativo React.
  • tailwindcss: Estrutura CSS de baixo nível com estilos pré-definidos.
  • axios: Biblioteca para fazer solicitações HTTP.
  • clsx: Biblioteca para gerar classes de estilo condicional em JavaScript.
  • framer-motion: Biblioteca para criar animações de alta fidelidade em React.
  • nanoid: Biblioteca para gerar IDs únicos e aleatórios.
  • swapi-ts: Biblioteca de cliente TypeScript para a API Star Wars (SWAPI).

📷 Screenshots

Em produção e respondendo a diversos tamanhos de tela Peek 2023-03-09 00-04

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 88.0%
  • HTML 8.1%
  • JavaScript 2.0%
  • CSS 1.9%