Flutter UI Challenges

Sanjeev Madhav

Last update: Dec 22, 2022

Overview

Introduction 🐼

Zoo is a small, simple and beautiful app that lists 3d model of animals.

Before we start, you can take a look at the app:

Usage 🎨

To clone and run this application, you'll need git and flutter installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/Shadow60539/zoo_app.git

# Go into the repository
$ cd zoo_app.git

# Install dependencies
$ flutter packages get

# Run the app
$ flutter run

Packages 📦

Some very good packages are used in the project.

Package	Description
model_viewer	3D Model Viewer for Flutter
flutter_svg	Support svg files
lottie	Lottie files animations
google_fonts	Google fonts
lint	Rules handler for Dart
scratcher	Scratch card widget

Directory Structure 🏢

The project directory structure is as follows:

├── android
├── asset
├── build
├── images
├── ios
├── lib
├── pubspec.lock
├── pubspec.yaml

Directory	Description
core	`Palette`, `ScratchNotifier`
pages	`OverViewPage`, `AnimalDetailsPage`
widgets	`Transition`, `MeasureSizeRenderObject`, `ZooDictionary`, `Utils`

Simple reactive animations in your Flutter apps.

just.motion Flutter package to create organic motion transitions. Why? The Motion Value stateless hot reload status notifier Ease Motion Spring Motion

Nov 14, 2022

Timer UI animation challenge from 'Flutter Animations Masterclass'

stopwatch_flutter An IOS stopwatch challenge from Flutter Animations Masterclass - Full Course What I learned; Use timer Use ticker Create custom shap

Jan 4, 2023

💙 Google Classroom Clone using Flutter, GCP

Introduction 🚀 Classroom is a Google Classroom clone built using 💙 Flutter. Before we start, you can take a look at the app: Screenshots 🗻 Key Feat

Dec 14, 2022

Animated Menu in Flutter using radial.

Animated_radial_Menu_in_Flutter Animated Menu in Flutter using radial. Getting Started This project is a starting point for a Flutter application. A f

Jul 18, 2022