Giter VIP home page Giter VIP logo

craftybay-ecommerce-with-getx's Introduction

CraftyBay

A simple E-commerce app UI to implement pixel to flutter UI with full api implement

Features

  • Product Details Screen
  • Login Screen
  • Loading Screen
  • Cart Screen
  • Popular Product Screen
  • Special Product Screen
  • New Product Screen
  • Reviews Screen
  • Create Review Screen
  • Wish List
  • Categories List

Showcases:

Splash Page Login Screen OTP Verify Screen
splash email otp
Loading Screen Home Page Product Details Screen
loading home details
Complete Profile Screen Cart Screen Categories List
complete cart category
Popular Product Screen Special Product Screen New Product Screen
product special new
Create Review Screen Payment Screen Review Screen
create review payment review

|

Dark Mode Otp Payment Screen Dark Mode
dark mode otp payment dark mode

User can see all available products and add desired products add to the cart and remove from the cart.

Features

  • Splash Screen
  • Home Screen
  • Product Details Screen
  • Login Screen
  • Loading Screen
  • Cart Screen
  • OTP Verify Screen
  • Popular Product Screen
  • Special Product Screen
  • New Product Screen
  • Reviews Screen
  • Create Review Screen
  • Wish List
  • Categories List
  • Complete Profile Screen
  • About Dialog

Introduction this app

Splash Screen:

The splash screen is typically the first screen that users see when they launch the app. It often displays the app's logo or a brief loading animation and serves as an introductory screen before the main application loads.

Home Screen:

The home screen is the central hub of the app where users can access various features and navigate to different sections of the application. It usually provides an overview of the app's main content and functionality.

Product Details Screen:

This screen displays detailed information about a specific product, including its name, description, price, images, and user reviews. Users can typically view product details and make purchase decisions on this screen.

Login Screen:

The login screen is where users can enter their credentials (e.g., username and password) to access their accounts or specific features of the app. It's a crucial component for apps that require user authentication.

Loading Screen:

A loading screen appears when the app is retrieving data or performing time-consuming tasks. It informs users that the app is working in the background and provides a visual indication of progress.

Cart Screen:

The cart screen allows users to view and manage items they've added to their shopping cart before making a purchase. Users can often adjust quantities, remove items, or proceed to checkout from this screen.

OTP Verify Screen:

This screen is typically used for one-time password (OTP) verification, often sent to a user's mobile number or email during the registration or login process. Users enter the OTP here to verify their identity.

Popular Product Screen:

This screen showcases a selection of products that are currently popular among users. It can help users discover trending or highly-rated items.

Special Product Screen:

Similar to the popular product screen, this screen highlights special or featured products that the app wants to promote, such as seasonal offers or exclusive items.

New Product Screen:

This screen displays newly added or recently released products in the app's catalog. It helps users stay updated on the latest offerings.

Reviews Screen:

Users can read and write product reviews on this screen. It often displays user-generated content, including ratings, comments, and feedback about products.

Create Review Screen:

This screen allows users to write and submit their reviews and ratings for products they've purchased or used. It may include text fields, star ratings, and image uploads.

Categories List:

Users can add products they are interested in but not ready to purchase to their wish list. This screen allows users to manage and view their saved items for future reference.

Wish List:

This screen provides a list of product categories or sections within the app, making it easier for users to browse and filter products based on their interests.

Complete Profile Screen:

Users can update and manage their profile information, including personal details, shipping addresses, and notification preferences on this screen.

Libraries:

  • sizer: ^2.0.15
  • get: ^4.6.5
  • google_fonts: ^5.1.0
  • flutter_svg: ^2.0.7
  • pin_code_fields: ^8.0.1
  • get_storage: ^2.1.1
  • carousel_slider: ^4.1.0
  • eva_icons_flutter: ^3.1.0
  • http: ^1.1.0
  • shimmer: ^3.0.0
  • flutter_animate: ^4.2.0+1
  • bottom_bar_matu: ^1.3.0
  • cached_network_image: ^3.2.3
  • device_preview: ^1.1.0
  • motion_toast: ^2.7.8
  • empty_widget: ^0.0.5
  • empty_widget: ^0.0.5
  • connectivity_plus: ^5.0.1
  • dio: ^5.3.3
  • webview_flutter: ^4.4.1

Here is my app link

Crafty Bay.apk

Stacks

Dart Flutter Rest API Getx Github Action (CI/CD)`

Flutter sdk version: 3.10.6

App version: 1.0.0+1

craftybay-ecommerce-with-getx's People

Contributors

abirul-islam-abir avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.