# my_flutter_challenges

**Repository Path**: liwenjieOO/my_flutter_challenges

## Basic Information

- **Project Name**: my_flutter_challenges
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-08-22
- **Last Updated**: 2024-08-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# My Flutter Challenges

A new Flutter project containing all my flutter UI challenges.

### How to get the code?

You just click on the title of each challenge, and it will show you the complete code.
Each challenge is self-contained in a single `.dart` file, so you can just copy/paste and run it.

YouTube playlists about Flutter: https://www.youtube.com/playlist?list=PLum90SMJW-vltQ_ERf3rhjq_UZWJ2enEG

#### :heart: Star :heart: the repo to support the project or [Follow Me](https://github.com/pedromassango).Thanks!
[![Twitter Follow](https://img.shields.io/twitter/follow/pedromassangom.svg?style=social&label=Follow)](https://twitter.com/pedromassangom)

### Warning
All the code in this repository are mean for demo only and are not optmized. 
Make sure do improve the code before using it.

## Screenshots

| [Bank App UI](https://github.com/pedromassango/my_flutter_challenges/blob/master/lib/banking_app.dart) | [Sushi app UI/UX](https://github.com/pedromassango/my_flutter_challenges/blob/master/lib/sushi_order.dart) | [Ticket Booking](https://github.com/pedromassango/my_flutter_challenges/blob/master/lib/ticket_booking.dart) |
| ------------- | ------------- | ------------- |
| <img src="/screenshots/bank_app_ui.gif" height="480"> | <img src="/screenshots/sushi_ui.gif" height="480"> | <img src="/screenshots/ticket_booking.gif" height="480"> |

| [Sliding Login & Register](https://github.com/pedromassango/my_flutter_challenges/blob/master/lib/sliding_login.dart) | [Bottom Navy Bar](https://github.com/pedromassango/bottom_navy_bar) | [Custom Drawer](https://github.com/pedromassango/flutter_delivery) |
| ------------- | ------------- | ------------- |
| <img src="/screenshots/slidl.gif" width="270" height="480"> | <img src="/screenshots/navy2.gif" width="270" height="480"> | <img src="/screenshots/delivery.gif" width="270" height="480"> |



| [Titled Bottom Navigation Bar](https://github.com/pedromassango/titled_navigation_bar) | [Mobile Dashboard](https://github.com/pedromassango/my_flutter_challenges/blob/master/lib/mobile_dashboard.dart) | [Foldable Options Menu](https://github.com/pedromassango/my_flutter_challenges/blob/master/lib/foldable_options_menu.dart) |
| ------------- | ------------- | ------------- |
| <img src="/screenshots/titled_bottom_bar.gif" width="270" height="480"> | <img src="/screenshots/dashboard.png" width="270" height="480"> | <img src="/screenshots/options_menu.gif" width="270" height="480"> |

| [Login](https://github.com/pedromassango/my_flutter_challenges/blob/master/lib/login_challenge.dart) | [Profile](https://github.com/pedromassango/my_flutter_challenges/blob/master/lib/profile_challenge.dart) | [Home screen](https://github.com/pedromassango/flutter_famguard) |
| ----- | ------- | ------------- |
| <img src="/screenshots/login.png" width="270" height="480"> | <img src="/screenshots/profile.png" width="270" height="480">| <img src="/screenshots/home.png" width="270" height="480"> |

| [Number Picker](https://github.com/pedromassango/slider_number_picker) | [Profile Design](https://github.com/pedromassango/my_flutter_challenges/blob/master/lib/profile_design.dart) | [World Clock](https://github.com/pedromassango/my_flutter_challenges/blob/master/lib/world_clock.dart) |
| ------------- | ----- | ----- |
| <img src="https://github.com/pedromassango/slider_number_picker/blob/master/preview/shot.gif" width="270" height="480"> | <img src="/screenshots/profile_design.png" width="270" height="480"> | <img src="/screenshots/world_clock.png" width="270" height="480"> |

| [Coffee App - Auth Page](/screenshots/coffee_app_auth_page.gif)
| ------------- |
| <img src="/screenshots/coffee_app_auth_page.gif" height="480"> |

## Getting Started

This project is a starting point for a Flutter application.

A few resources to get you started if this is your first Flutter project:

- [Lab: Write your first Flutter app](https://flutter.io/docs/get-started/codelab)
- [Cookbook: Useful Flutter samples](https://flutter.io/docs/cookbook)

For help getting started with Flutter, view our 
[online documentation](https://flutter.io/docs), which offers tutorials, 
samples, guidance on mobile development, and a full API reference.