Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/srgeverson/web-app-pedidos
Sistema de gerenciamento de pedidos
https://github.com/srgeverson/web-app-pedidos
cicd javascript nodejs react reactjs
Last synced: about 1 month ago
JSON representation
Sistema de gerenciamento de pedidos
- Host: GitHub
- URL: https://github.com/srgeverson/web-app-pedidos
- Owner: srgeverson
- Created: 2023-08-11T01:00:28.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-06T17:45:42.000Z (8 months ago)
- Last Synced: 2024-05-07T16:50:45.757Z (8 months ago)
- Topics: cicd, javascript, nodejs, react, reactjs
- Language: JavaScript
- Homepage: https://srgeverson.github.io/web-app-pedidos/
- Size: 3.44 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sistema de Controle de Pedidos
### Pré-requisitos
💡Esta aplicação utiliza a API [WebAPIPedidos](https://github.com/srgeverson/WebAPIPedidos) onde a mesma está publicada [WebAPIPedidos](https://webapipedidos.azurewebsites.net/swagger/index.html).
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas:
[Git](https://git-scm.com) e [Node.js](https://nodejs.org/en/)).
Além disto é bom ter um editor para trabalhar com o código como [VSCode](https://code.visualstudio.com/)
💡O arquivo ".ENV" que aqui é orientado a ser criado é para ambiente de teste e utilização no docker, caso seja criado um ambiente manualmete crie as variáveis normalmente com os comando export no linux e set para windows com terminal ou cmd respectivamente.
### 🛠️ Comando executado durante a construção da aplicação
```bash
# Instalar o react e o next [React JS](https://reactjs.org/docs/create-a-new-react-app.html#gatsby-focus-wrapper).
$ npx create-react-app web-app-pedidos
# Deploy GitHub Pages
$ npm install --save-dev gh-pages
# Instala o gerenciador de rotas [Router DOM](https://v5.reactrouter.com/web/guides/quick-start).
$ npm install react-router-dom --save
# Instala o gerenciador de histórico de navegação.
$ npm install history --save
# Instalar o Bootstrap utilizando reactstrap: https://reactstrap.github.io/
$ npm install bootstrap --save
$ npm install reactstrap --save
# Realizar chamada para API
$ npm install axios --save
# Carregando variáveis de ambiente de um arquivo .env para process.env.
$ npm install dotenv --save
# Criando o arquivo que armazenará as variáveis necessárias para a aplicação executar.
$ touch .ENV
# Crie as variáveis de ambiente iniciais como mostra a seguir:
$ echo "PUBLIC_URL=URL_DA_APLICACAO_AQUI" >> .ENV
$ echo "SERVER_URL=URL_DA_API_AQUI" >> .ENV
$ echo "SERVER_PORT=PORTA_DA_API_AQUI" >> .ENV
# Autenticação Base64
$ npm install --save base-64
# Rodar o projeto
$ npm start
```
#### 🧭 Executando a aplicação
```bash
# Clone este repositório
$ git clone https://github.com/srgeverson/web-app-pedidos.git
# Acesse a pasta do projeto no terminal/cmd
$ cd web-app-pedidos/
# Instale as dependências
$ npm install
# Execute a aplicação web
$ npm start
# Publicar a plicação
$ npm run deploy
```
## 👨💻 Equipe de Desenvolvimento
* **Geverson Souza** - [Geverson Souza](https://www.linkedin.com/in/srgeverson/)
## ✒️ Autores
* **Geverson Souza** - [Geverson Souza](https://www.linkedin.com/in/srgeverson/)
## 📌 Versão 1.0.0
É utilizado o [Github](https://github.com/) para controle de versão.