Skip to content

Repository files navigation

🖥️ Space Tourism

📜 Descrição

Projeto proposto pelo site de estudos FrontEnd Mentor, com o objetivo de proporcionar um design no figma, para que possamos confeccionar um site o mais próximo possivel do proposto.

🔗 Links Úteis

Design Figma
Deploy

📋 Guia de Padronização

  • Será usado versão 18 do node;
  • Nomes de variáveis e funções devem seguir o padrão camelCase;
  • Valores imutáveis devem seguir o pradrão SNAKE_UPPERCASE_WITH;
  • Apenas um component react por arquivo, sem uso de export default;
  • Arquivos e pastas devem seguir o padrão camelCase;
  • Components devem estar numa pasta com o nome do component em PascalCase;
  • A pasta do componente terá: index.tsx - arquivo do componente, styled.ts - syled-component, component.test.ts - arquivo de teste;
  • Quando o componente necessitar de mais de uma tipagem, colocar as tipagens num arquivo chamado types.ts dentro da pasta do componente;
  • Tipagem de props deve seguir o padrao ComponentNameProps;
  • Todos os arquivos deverão estar nas suas devidas pastas, conforme está estruturado o repositório;
  • Todo o código-fonte deve ser escrito em inglês. Isso inclui nomes de variáveis, funções, classes, etc;
  • Todos os commits devem seguir a convenção de commits semânticos no tempo presente, ex: "adiciona tal funcionalidade";

🎲 Tecnologias e Bibliotecas

"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-icons": "^5.2.1",
"react-modal": "^3.16.1",
"react-router-dom": "^6.24.0",
"styled-components": "^6.1.11",
"eslint": "^8.57.0",
"prettier": "3.3.1",
"typescript": "^5.2.2",
"vite": "^5.2.0",

Instalando e executando o Projeto

Clonar o Projeto

https://github.com/devkarine/space-tourism.git

Acesse a pasta do projeto no terminal/cmd

  cd space-tourism

Instalar dependências

  npm install

Execute a aplicação em modo de desenvolvimento

  npm run dev

💻 Telas

Gif exibindo uma demonstração do site

👩‍💻 Dev

Foto de Karine no GitHub
Karine Pereira

About

Projeto proposto pelo site de estudos FrontEnd Mentor, com o objetivo de proporcionar um design no figma, para que possamos confeccionar um site o mais próximo possivel do proposto.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages