Aprenda a Criar Um App de Pizzaria - FlutterFlow | NoCode

Name: Aprenda a Criar Um App de Pizzaria - FlutterFlow | NoCode
Rating: 4.3 (109 reviews)

Desvende os Segredos: Desenvolva Seu Próprio Aplicativo de Pizzaria Sem Programação com FlutterFlow - A Revolução NoCode

Created byDiego Silva

Last updated 1/2024

Portuguese

What you'll learn

Apresentar um Aplicativo de qualidade para seu cliente
Em pouco tempo você já consegue criar seu próprio App
Vídeos totalmente didáticos com uma experiencia única
Entregar um App de qualidade para seu cliente de forma rápida e eficaz

Course content

6 sections • 41 lectures • 11h 1m total length

Introdução ao Curso5:07
Discord e Comunidade WhatsApp para Alunos0:07

Sincronizando o Projeto com o SupaBase (Criando Tabelas)3:48
Tela de Login - Back-End5:51
Tela HomePage - Back-End18:49
Copie o código abaixo referente a essa aula:
var hour = DateTime.now().hour;
if (hour < 4) {
return 'Boa Madrugada, ';
}
if (hour < 12) {
return 'Bom dia, ';
}
if (hour < 17) {
return 'Boa Tarde, ';
}
return 'Boa Noite, ';
Criando Tabelas Necessárias no Banco de Dados4:00
Tela Detalhes dos Produtos (Back-End)25:31
Detalhes dos Pedidos (Pizza 2 Sabores 8 Pedaços)28:47
Detalhes dos Pedidos (Pizza 2 e 4 Sabores 16 Pedaços)18:32
Tela Carrinho (Back-End)24:20
Preço Total dos itens do Carrinho (AppState)25:00
Tela detalhes de Bebidas (Back-End)12:28
Tela de Pagamento (Back-End)12:24
Adicionando Pedidos do Usuário no Banco de Dados15:15
Tela Pedidos do Usuário (Separado por Pedidos)21:38
Perfil do usuário15:50
Adicionando Endereços dos Usuários via API (CEP)45:30
Função add ou tirar produtos por quantidade que já estão no carrinho5:46
Add endereço antes de finalizar pedido7:02

Pagamento via pix (Front-End)16:35
Pagamento via Pix (back-end)39:14
Pagamento Via Pix - Mercado Pago API

Method Type - POST | nome - Pix Mercado Pago

URL
https://api.mercadopago.com/v1/payments

Headers
Content-Type: application/json
X-Idempotency-Key: 0d5020ed-1af6-469c-ae06-c3bec19954bb
Authorization: Bearer <token>

Variavies (Todas em formato de String)

amount - Double

product_title
email
first_name
last_name
identification_type
number_cpf
chave

Body

{
"transaction_amount": <amount>,
"payment_method_id": "pix",
"payer": {
"email": "<email>",
"first_name": "<first_name>",
"last_name": "<last_name>",
"identification": {
"type": "<identification_type>",
"number": "<number_cpf>"
}
}
}

Nome API: Status Pix

Method type - GET

URL
https://api.mercadopago.com/v1/payments/[id_pix]

Headers
Authorization: Bearer <Chavetoken>

Variável

id_pix - integer
Pagamento via Cartão de Crédito29:19
API CARTÃO DE CREDITO PAGBANK

Method Type: POST

API URL
https://sandbox.api.pagseguro.com/orders

HEADERS
Authorization: Bearer [Token]
accept: application/json
content-type: application/json
x-idempotency-key: [randow]

BODY
{
"customer": {
"name": "<nome_cliente>",
"email": "<email_cliente>",
"tax_id": "<CPF>",
"phones": [
{
"country": "55",
"area": "<dd>",
"number": "<numero_celular>",
"type": "MOBILE"
}
]
},
"shipping": {
"address": {
"street": "Avenida Brigadeiro Faria Lima",
"number": "1384",
"complement": "apto 12",
"locality": "Pinheiros",
"city": "São Paulo",
"region_code": "SP",
"country": "BRA",
"postal_code": "01452002"
}
},
"reference_id": "<ref_id>",
"items": [
{
"reference_id": "<ref_item>",
"name": "<nomeProduto>",
"quantity": 1,
"unit_amount": <valor_Produto>
}
],
"charges": [
{
"reference_id": "<nomeProduto>",
"description": "itens",
"amount": {
"value": <valor_Produto>,
"currency": "BRL"
},
"payment_method": {
"type": "CREDIT_CARD",
"installments": 1,
"capture": true,
"soft_descriptor": "CopyApp",
"card": {
"security_code": "<security_code>",
"holder": {
"name": "<nome_impre_card>"
},
"store": true,
"exp_month": <exp_month>,
"exp_year": <exp_year>,
"number": "<number_card>"
}
}
}
]
}

***************Custum Fuctions******************

Nome: doubleToInteger

import 'dart:convert';
import 'dart:math' as math;

import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:intl/intl.dart';
import 'package:timeago/timeago.dart' as timeago;
import '/flutter_flow/lat_lng.dart';
import '/flutter_flow/place.dart';
import '/flutter_flow/uploaded_file.dart';
import '/flutter_flow/custom_functions.dart';
import '/backend/schema/structs/index.dart';
import '/backend/supabase/supabase.dart';
import '/auth/supabase_auth/auth_util.dart';

int doubleToInteger(double valor) {
/// MODIFY CODE ONLY BELOW THIS LINE

// faça uma função para que um numero double "10.90" retorne um valor integer "1090"
return (valor * 100).toInt();

/// MODIFY CODE ONLY ABOVE THIS LINE
}

Nome: gerarUUID4

import 'dart:convert';
import 'dart:math' as math;

import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:intl/intl.dart';
import 'package:timeago/timeago.dart' as timeago;
import '/flutter_flow/lat_lng.dart';
import '/flutter_flow/place.dart';
import '/flutter_flow/uploaded_file.dart';
import '/flutter_flow/custom_functions.dart';
import '/backend/schema/structs/index.dart';
import '/backend/supabase/supabase.dart';
import '/auth/supabase_auth/auth_util.dart';

String gerarUUID4() {
/// MODIFY CODE ONLY BELOW THIS LINE

// gere para mim um codigo UUID4
String uuid = '';
final random = math.Random();
for (int i = 0; i < 32; i++) {
if (i == 8 || i == 12 || i == 16 || i == 20) {
uuid += '-';
}
final digit = random.nextInt(16).toRadixString(16);
uuid += digit;
}
return uuid;

/// MODIFY CODE ONLY ABOVE THIS LINE
}

Começando a construir nosso Dashboard - Front-End28:32
Tela de Pedidos e Histórico Dashboard - Front-End16:35
Tela de Produtos Cadastrados, pizzas, bebidas... Dashboard - Front-End12:41
Configurando o Menu do Dashboard - Back-end10:13
Configurando o Menu da Dashboard para Total dos Valores Diários e Mensais...14:29
Codigos usado na aula....

Codigo 1
calcularLista
Retorno : Double
Argumento: numeros

double? calcularLista(List<double>? numeros) {
/// MODIFY CODE ONLY BELOW THIS LINE

if (numeros == null || numeros.isEmpty) {
return 0;
}

double soma = 0;
for (double elemento in numeros) {
soma += elemento;
}
return soma;

/// MODIFY CODE ONLY ABOVE THIS LINE
}

Codigo 2
datadeHoje
retorno: DataTime

DateTime datadeHoje() {
/// MODIFY CODE ONLY BELOW THIS LINE

// pegue somente o dia com as horas zeradas
return DateTime.now().subtract(Duration(
hours: DateTime.now().hour,
minutes: DateTime.now().minute,
seconds: DateTime.now().second,
milliseconds: DateTime.now().millisecond,
microseconds: DateTime.now().microsecond,
));

/// MODIFY CODE ONLY ABOVE THIS LINE
}

Codigo 3
datadoInicioMes
retorno: DataTime

DateTime datadoInicioMes() {
/// MODIFY CODE ONLY BELOW THIS LINE

// pegue o primeiro dia do mês com as horas zeradas
return DateTime(DateTime.now().year, DateTime.now().month, 1, 0, 0, 0, 0);

/// MODIFY CODE ONLY ABOVE THIS LINE
}
Configurando os Grátifcos dos Pedidos e do Faturamento Mensal - Back-end18:00
Codigos utilizado nas aulas...

Codigo 1
somarValoresMes
Retorno: double
argumentos: valores e data

List<double> somarValoresMes(
List<double> valores,
List<DateTime> data,
) {
/// MODIFY CODE ONLY BELOW THIS LINE

// somar os valores de cada mes e retornar somente dois numeros apos o .
Map<int, double> somaMes = {};

for (int i = 0; i < valores.length; i++) {
int mes = data[i].month;
somaMes[mes] = (somaMes[mes] ?? 0) + valores[i];
}

List<double> resultado = somaMes.values.toList();
resultado =
resultado.map((valor) => double.parse(valor.toStringAsFixed(2))).toList();

return resultado;

/// MODIFY CODE ONLY ABOVE THIS LINE
}

Codigo 2
somarValoresdata
Retorno: datatime
argumentos: valores e data

List<DateTime> somarValoresdata(
List<double> valores,
List<DateTime> data,
) {
/// MODIFY CODE ONLY BELOW THIS LINE

// somar os valores de cada mes e retornar a data
Map<int, double> somaPorMes = {};

for (int i = 0; i < valores.length; i++) {
int mes = data[i].month;
somaPorMes[mes] = (somaPorMes[mes] ?? 0) + valores[i];
}

List<DateTime> datasSomaPorMes = [];

somaPorMes.forEach((mes, valor) {
datasSomaPorMes.add(DateTime(data[0].year, mes, 1));
});

return datasSomaPorMes;

/// MODIFY CODE ONLY ABOVE THIS LINE
}
Configurando as telas de Pedidos e Histórico - Dashboard - Back-end16:42
Telas dos Produtos, Pizzas, Bebibas e bordas - Back-end12:39
Função Editar e remover produtos Dashboard - back-end34:19
Função adicionar produtos - Finalizando o Dashboard - Back-end37:52

Requirements

Não é preciso ter experiencia para criar o aplicativo. Ensino tudo do zero!

Description

"Embarque na jornada de criação de aplicativos sem complicações com o nosso guia exclusivo: 'Aprenda a Criar Um App de Pizzaria - FlutterFlow - NoCode'. Este curso abrangente oferece a oportunidade única de desenvolver seu próprio aplicativo de pizzaria sem a necessidade de habilidades de programação. Com o poder do FlutterFlow, uma plataforma líder em desenvolvimento NoCode, você será guiado passo a passo por meio de um processo intuitivo, permitindo que até mesmo iniciantes no mundo da tecnologia criem aplicativos funcionais e esteticamente atraentes.

Explore as funcionalidades versáteis do FlutterFlow, desde a personalização fácil até a integração perfeita de recursos essenciais para aplicativos de pizzaria, como menus interativos, rastreamento de pedidos e sistemas de pagamento. Este curso não apenas ensina os fundamentos, mas também proporciona insights valiosos sobre as melhores práticas de design e usabilidade, garantindo que seu aplicativo não apenas funcione bem, mas também ofereça uma experiência excepcional ao usuário.

Prepare-se para se destacar no cenário NoCode enquanto cria uma solução inovadora para os amantes de pizza. Não deixe que a falta de conhecimento técnico seja um obstáculo. Torne-se um criador de aplicativos com nosso guia especializado e traga à vida a sua ideia de aplicativo de pizzaria de forma descomplicada e eficiente."

Who this course is for:

Para você que quer começar um negócio ou uma agência de criação de aplicativos.

Aprenda a Criar Um App de Pizzaria - FlutterFlow | NoCode

What you'll learn

Explore related topics

Course content

Introdução2 lectures • 5min

Front-End8 lectures • 1hr 18min

Back-End17 lectures • 4hr 51min

Formas de Pagamento3 lectures • 1hr 25min

Copiar Projeto Original1 lecture • 1min

Dashboard - Telas Adm10 lectures • 3hr 22min

Requirements

Description

Who this course is for: