Burger Store

Projetinho simples realizado com o intuito de revisar alguns conhecimentos adquiridos tanto no front quanto no back feito em React + NodeJS e banco de dados postgreSQL

20230318_132808.mp4

🚀 Tecnologias

HTML

CSS

JavaScript

React

Node

Redux toolkit

React Toastify

React Icons

Instalacão

Front-End

## para rodar aplicacão corretamente é necessário ter o back-end do projeto rodando

1 - Clonar a aplicacão

git clone https://github.com/saagas-code/burger-store.git
cd burger-store
cd front-end

2 - Criar arquivo .env e setar variaveis

REACT_APP_PORT_BACK=4000 // porta da API do back-end

3 - Instalar dependencias e rodar aplicacão

npm install
npm run dev

Back-End

1 - Clonar a aplicacão

git clone https://github.com/saagas-code/burger-store.git
cd burger-store
cd back-end

2 - Criar arquivo .env e setar variaveis

POSTGRES_USER= // Usuário do BD
POSTGRES_PASSWORD= // Senha do BD
POSTGRES_DB= // Nome do BD

DATABASE_URL=postgresql://${POSTGRES_USER}:${POSTGRES_PASSWORD}@localhost:5432/${POSTGRES_DB}?schema=public

3 - Instalar dependencias e rodar aplicacão

npm install
npm run start:dev
       ou
docker compose up

Rotas do Back-End

Categorias

Method	Url	Descricão	Retorno
POST	/categories	Cria uma categoria	VOID
GET	/categories	Lista todas as categorias	JSON

Produtos

Method	Url	Descricão	Retorno
POST	/products	Cria um produto	VOID
GET	/products	Lista todos os produtos	JSON

Exemplos de retornos JSON's

Método GET das categorias -> /categories

{
  "id": "f62988d9-d597-4ffe-bae1-9e2ca1be5dea",
  "name": "Sanduíches",
  "created_at": "2023-03-18T17:18:54.875Z"
}

Método GET dos produtos -> /products

{
	"id": "8b60c7ff-8af8-4ab6-b65b-1bf1e0abcce3",
	"name": "testeeeeee",
	"price": 16,
	"image": "http://localhost:8819/6.svg",
	"created_at": "2023-03-18T17:20:00.670Z",
	"category_id": "f62988d9-d597-4ffe-bae1-9e2ca1be5dea",
	"category": {
		"id": "f62988d9-d597-4ffe-bae1-9e2ca1be5dea",
		"name": "Sanduíches3",
		"created_at": "2023-03-18T17:18:54.875Z"
	}
}