Giter Club home page Giter Club logo

hammadasifali / fluttershopapp Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 2.32 MB

"My Shop" is a user-friendly Flutter shopping app offering seamless product browsing, detailed information, and a secure shopping cart. With a focus on responsive design and state-of-the-art UI/UX, users can explore, purchase, and enjoy a personalized shopping journey.

Kotlin 0.13% Swift 2.12% Objective-C 0.04% Dart 47.81% CMake 21.05% C++ 25.31% C 1.54% HTML 1.99%
dart flutter mobileapp-development provider-state-management responsive-design shoping-cart svg-rendering ui

fluttershopapp's Introduction

My Shop

A Flutter project for a shopping app.

Table of Contents

Introduction

This Flutter project, "My Shop," is a simple shopping app with features such as product browsing, detailed product information, and a shopping cart.

Project Structure

  • lib/main.dart: The main entry point for the application.
  • lib/cart_provider.dart: Provider class for managing the shopping cart state.
  • lib/login_page.dart: Login page UI and logic.
  • lib/logout.dart: Logout page UI.
  • lib/mainpage.dart: Main page with a bottom navigation bar.
  • lib/product_card.dart: Widget for displaying individual product cards.
  • lib/product_data.dart: Dummy product data.
  • lib/product_detail.dart: Page displaying detailed product information.
  • lib/product_item.dart: Widget for individual product items.
  • lib/product_list.dart: Page for displaying a list of products.
  • lib/search_page.dart: Search page UI.
  • lib/welcoming_page.dart: Welcoming page UI.

Getting Started

  1. Clone the repository:

    git clone https://github.com/hammadasifali/FlutterShopApp.git
  2. Open the project in Visual Studio Code or your preferred IDE.

  3. Run the project using the following command:

    flutter run

Features

  • Product List: Browse a list of products with filters.
  • Product Details: View detailed information about each product.
  • Shopping Cart: Add products to the cart and view the total price.
  • Login and Logout: Simple login functionality with a logout option.

Screenshots

Splash Screen
Splash Screen
Login Page
Login Page
Logout Page
Logout Page
Shopping Cart
Shopping Cart
Product List
Product List
Product Details
Product Details
Home Page
Home Page
Home Page 2
Home Page 2
Search Page
Search Page

Dependencies

  • provider: State management library for managing the shopping cart state.
  • flutter_animate: Animation library for adding animated effects.
  • flutter_svg: SVG rendering library for displaying SVG images.

Check the pubspec.yaml file for the complete list of dependencies.

Contributing

Feel free to contribute to the project by opening issues or submitting pull requests.

License

This project is licensed under the MIT License.

fluttershopapp's People

Contributors

hammadasifali avatar hunterfisa 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.