Sobre • HuntWeb • Instalação • Tecnologias • Autor
Projeto desenvolvido com o intuito de obter conhecimento básico no React. HuntWeb é uma aplicação feita em ReactJS para listagem de produtos. A aplicação consome uma API REST desenvolvida com NodeJS.
- Componentização.
- Estados do React.
- Paginação.
- Consumo de API's com o React.
- Roteamento da aplicação.
O aplicativo HuntWeb consiste em uma aplicação para cadastro e listagem de produtos. Esse repositório contém a versão web do projeto que possui duas telas, onde:
É onde os produtos cadastrados no banco são exibidos. A tela é responsiva e possui botões de navegação que são habilitados com base na quantidades de produtos cadastrados.
É onde os detalhes de um produto é exibido. A tela é aberta ao clicar no botão Acessar presente na listagem da tela Home
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
# Clone este repositório
$ git clone [email protected]:MrRioja/HuntWeb.git
# Acesse a pasta do projeto no terminal/cmd
$ cd HuntWeb
# Instale as dependências
$ npm install
# Caso prefira usar o Yarn execute o comando abaixo
$ yarn
# Execute a aplicação
$ yarn start
# A aplicação será aberta no endereço http://localhost:3000/.
# Para que a listagem funcione é necessário que o backend esteja em execução.
# Clone este repositório
$ git clone [email protected]:MrRioja/Node-API.git
# Acesse a pasta do projeto no terminal/cmd
$ cd Node-API
# Instale as dependências
$ npm install
# Caso prefira usar o Yarn execute o comando abaixo
$ yarn
# Execute a aplicação em modo de desenvolvimento
$ npm run dev
# Caso prefira usar o Yarn execute o comando abaixo
$ yarn dev
# O servidor inciará na porta 3001 - acesse <http://localhost:3001>