App that simulates an e-commerce of natural products with Flutter and Dart

Overview

Thumbnail GitHub

E-commerce Orgs

App que simula um e-commerce de produtos naturais para o curso de navegação e rotas com nuvigator através do Flutter e Dart.

🔨 Funcionalidades do projeto

O app lista cestas, produtores e itens das cestas com imagem, título, descrição e valor. Os dados são obtidos através de um arquivo json. Também está implementado um esquema de rotas que funciona com o modelo de pilha e o app dispõe de menu hamburger e várias telas. Tudo isso organizado, facilmente personalizável e reaproveitável através da componentização e separação das responsabilidades entre models, components, screens, repositories e afins.

✔️ Técnicas e tecnologias utilizadas

  • rootBundle: leitura de dados vindos de um arquivo json
  • componentização: os componentes personalizados do projeto encontram-se na pasta "components"
  • centralização de cores: todas as cores utilizadas no app vêm de um arquivo chamado app_colors que aumenta o poder de personalização sem grande impacto na lógica do código.
  • centralização de imagens: todas as imagens utilizadas no app vêm de um arquivo chamado app_images que aumenta o poder de personalização sem grande impacto na lógica do código.
  • nuvigator nas branches a partir da aula_2 utilizamos uma biblioteca chamada nuvigator que nos possibilita manipular o fluxos das rotas, parâmetros, navegação aninhada e afins.

📁 Acesso ao projeto

O acesso ao projeto está separado da seguinte forma:

start
├── aula_1
├── aula_2
├── aula_3
├── start_nested
├── aula_4
└── main

A branch start é o ponto de partida do repositório, é partindo dela que desenvolveremos a aula_1. Por sua vez, a aula_2 é uma continuação da aula_1 e assim vai sucessivamente. A branch main é a final, nela você encontra o código final criado no curso até a aula_4.

Você pode baixar o zip com o código inicial do projeto.

🛠️ Abrir e rodar o projeto

Para executar este projeto você precisa:

Caso opte por IDEs como as duas sugeridas acima, o processo de execução do aplicativo funcionará através de um botão de play na parte superior que ambas dispõem. Caso escolha rodar o projeto via linha de comandos, utilize o comando flutter run. Lembre-se de antes de executar o comando de navegar até a pasta do projeto antes.

Para mais instruções sobre a configuração do ambiente, recomendamos a leitura do artigo Flutter - Como configurar o ambiente de desenvolvimento. Caso tenha desejo de obter conhecimento além dos cursos da Formação Flutter, recomendamos os livros Iniciando com Flutter Framework e Aprofundando em Flutter da editora Casa do código.

📚 Mais informações do curso

O curso de nuvigator tem o foco em ensinar como manipular as rotas de um aplicativo Flutter primeiramente com os mecanismos nativos, pilha e nomeada. Após aprendermos estas formas, migramos para a utilização da biblioteca nuvigator que proporciona uma forma muito mais rápida e com menos código para criar e gerenciar rotas nomeadas. Aprendemos como criar um nuvigator anônimo, instanciado, personalizar rotas, passagens de parâmetros e navegação aninhada (nested navigation).

You might also like...

Flutter Shop UI - an e-commerce app using Flutter

Flutter Shop UI - an e-commerce app using Flutter

If you are planning to create an e-commerce app using Flutter then this Shop UI Kit would be the perfect choice for you to make a gorgeous app for both Android & iOS.

Nov 21, 2022

E-Commerce App built in flutter

E-Commerce App built in flutter

flutter_ecommerce_app E-Commerce app is a design implementaion of E-commerce App designed by Imran Download App Android Screenshots HomePage Product D

Jan 3, 2023

Demo UI of e-commerce app made with Flutter.

Demo UI of e-commerce app made with Flutter.

Flutter Ecommerce App UI Demo A sample application to show an Ecommerce App Flutter Clone. Demo Android Screen iOS Screen Getting Started This project

Jan 5, 2023

E commerce App using Flutter

buy_it A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this i

Nov 15, 2021

Open Flutter E-commerce App

Open E-commerce App Open Flutter Project E-commerce App is mobile application for e-commerce. We are building a commercially valuable product as an op

Dec 23, 2022

E-Commerce Complate App - Flutter UI

 E-Commerce Complate App - Flutter UI

E-Commerce Complate App - Flutter UI In the first part of our complete e-commerce app, we show you how you can create a nice clean onboarding screen f

Dec 27, 2022

Flutter E-commerce mobile app with Firebase

ecommerce A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if thi

Dec 27, 2021

An e-commerce app built with Flutter

shopy A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this is

Sep 6, 2022

A Retro Theme-based e-commerce app for antiques. #Hack20

A Retro Theme-based e-commerce app for antiques. #Hack20

Motivation 💭 💭 With the boons of internet 🌐 spreading worlwide over the last two decades, e-commerce has evolved to be one of the largest industrie

Dec 19, 2022
Owner
Heliomar P. Marques
Senior Software Engineer - Tech Lead
Heliomar P. Marques
A nice clean onboarding screen for your e-commerce app that can run both Andriod and iOS devices because it builds with flutter

A nice clean onboarding screen for your e-commerce app that can run both Andriod and iOS devices because it builds with flutter

null 23 Dec 4, 2022
Basic e-commerce app made in Flutter and Supabase.

Available on Android / IOS Made in Flutter and Supabase Package Provider Supabase http Features Authentication filter products by discount, rating, ca

MontyDLemon 3 Nov 20, 2022
🛍 A full E-commerce app with nice UI consists of on-boarding, login, sign-up, home, product details, cart and user profile.

?? A full E-commerce app with nice UI consists of on-boarding, login, sign-up, home, product details, cart and user profile.

null 56 Nov 27, 2022
Ecommerceapp - E-commerce app that sells clothing and home goods

E Commerce App for Shrine e-commerce app that sells clothing and home goods.

Gülsen Keskin 3 Sep 17, 2022
A small attempt to make an e-commerce user interface in Flutter for Android and iOS.

Flutter ecommerce App A small attempt to make an e-commerce user interface in Flutter for Android and iOS. I developed this application just for learn

Md Tarikul Islam 615 Jan 3, 2023
An E-Commerce application built with Flutter and FakeStoreAPI.

pinkshop A basic dummy E-Commerce Application developed using Flutter. This is a model of a E-Shopping app designed with flutter. This app has been im

Rahul Prakash 1 Jan 7, 2022
WooCommerce API - E-commerce Flutter v2.0 / USE block and architecture

Sonoff sonoffkz App - Woocommerce API Description Моя вторая версия магазина в открытом репозитории: при использовании стейт менеджемента BLoC и удобн

Maximus Edward An 1 May 10, 2022
E-commerce UI concept in Flutter for Android and iOS, this application just for learning purposes.

E-commerce UI concept in Flutter for Android and iOS, this application just for learning purposes. There are over 20 screen variations.

Pronab Sen Gupta 2 Nov 12, 2022
An android/ios E-commerce application developed for local retailers and businesses.

flutterapp A new Flutter application. Getting Started This project is a starting point for a Flutter application. A few resources to get you started i

null 0 Dec 28, 2021
Flutter Complete E-Commerce app (UI by - 'The Flutter Way')

NOT COMPLETED YET! e_commerce A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to ge

null 1 Mar 8, 2022