Skip to content

Projeto feito durante o bootcamp da Labenu. Para mais informações, leia o README. 🚀

License

Notifications You must be signed in to change notification settings

mhsouza88/labex

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Logo

⚛️ᅠSobre

Projeto feito durante o bootcamp fullstack web da Labenu. O LabeX é um site fictício de viagens espaciais, onde o usuário pode se candidatar a uma viagem existente na lista e também pode criar a sua própria. Para visualizar os candidatos de uma determinada viagem é necessário fazer o login para ter acesso ao painel administrativo.


🔗ᅠLink

- LabeX

- Login: [email protected] e senha: 123456


🛠️ᅠTecnologias

- React.js (v17.0.2): React é uma biblioteca JavaScript para construção de interfaces de usuário.

- Axios (v0.22.0): O Axios é um biblioteca que permite uma integração do projeto React com qualquer serviço de API disponível.

- Styled Components (v5.3.1): Styled Components é uma biblioteca que utiliza o conceito de CSS-in-JS, ou seja, que permite escrever códigos CSS dentro do Javascript.

- React-router-dom (v5.3.0): O React Router é uma biblioteca do React que permite a navegação entre diversas partes da aplicação, como páginas.

- Material UI (v5.0.3): É uma popular biblioteca de componentes React. O MUI segue as diretrizes, componentes e ferramentas de material design do Google para tornar os aplicativos web mais rápidos.

- API: API é um conjunto de definições e protocolos usado no desenvolvimento e na integração de software de aplicações. É um acrônimo em inglês que significa interface de programação de aplicações.


🖼️ᅠImagens (clique em cima da imagem para vê-la em tamanho maior)

Imagem 01
Homepage
Imagem 02
Login
Imagem 03
Painel
Imagem 04
Detalhes da viagem + candidatos
Imagem 05
Responsividade


💻ᅠPré-requisitos

Antes de começar você vai precisar ter instalado em sua máquina as seguintes ferramentas: o Git e o Node.js. Além disso, é bom ter uma IDE para trabalhar com o código. Eu recomendo o VSCode.


🚀ᅠRodando o projeto

# Clone este repositório
# HTTPS
$ git clone https://github.com/mhsouza88/labex.git

# SSH
$ git clone [email protected]:mhsouza88/labex.git

# CLI
$ gh repo clone mhsouza88/labex

# Acesse a pasta do projeto no terminal
$ cd ./labex

# Instale as dependências
$ npm install

# Para iniciar o projeto
$ npm run start

# O servidor iniciará na porta:3000 - acesse <http://localhost:3000>


👩🏻‍💻ᅠDesenvolvedora

Maria Helena Souza
Maria Helena Souza


⬆ᅠ Voltar para o topo