Projeto realizado na 9ª semana do curso de Desenvolvimento Web Full Stack da Labenu. É um projeto inspirado no Tinder, utilizando uma API própria da Labenu.
Abaixo segue o que foi utilizado na criação deste projeto:
- ReactJS -O ReactJS é uma biblioteca JavaScript declarativa, eficiente e flexível para criar interfaces com o usuário. Ele permite compor UIs complexas a partir de pequenos e isolados códigos chamados “componentes”.;
- Styled-Components - Styled-components é uma biblioteca para React e React Native que permite que você use estilos ao nível de componente na sua aplicação. Eles são escritos em uma mistura de JavaScript com CSS.
- Material - O Material-UI fornece um componente opcional CssBaseline. Ele corrige algumas inconsistências nos navegadores e dispositivos, ao mesmo tempo em que fornece redefinições ligeiramente mais opinativas para elementos HTML comuns.
- React Axios - Axios é um cliente HTTP baseado em Promises para fazer requisições. Pode ser utilizado tanto no navegador quanto no Node. js ou qualquer serviço de API.
- Botões de like e dislike;
- Transição entre a lista de matches e perfis;
- Botão de apagar matches;
- Alerta de match;
- Alerta ao apagar lista de matches.
- Embora apareça como selecionável, não abrirá nenhum recurso ao clicar em um perfil na lista de matches.
AstroMatch.-.Google.Chrome.2021-10-08.12-51-39_Trim.mp4
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode
$ node -v
v12.19.0
$ npm -v
6.14.5
# Clone este repositório
# Acesse a pasta do projeto no terminal
$ cd ./astromatch2
# Instale as dependências
$ npm install
$ npm install axios
$ npm install react-router-dom
$ npm install styled-components
$ npm install @material-ui/core
$ npm install @material-ui/icons
# Para iniciar o projeto
$ npm run start
# O servidor inciará na porta:3000 - acesse <http://localhost:3000>
Argleydson Leão |