Pokedex app built with Flutter (with lots of animations) using Clean Architecture

Overview

Flutter Pokedex

Awesome Flutter Codemagic build status License License

Pokedex app built with Flutter

App preview

Home News Pokedex Pokedex FAB Pokedex Generation Pokemon Info - About Pokemon Info - Base Stats Pokemon Info - Evolution Pokemon Info - Base Stats (Expanded)

Video demo

Demo

Installation

  • Add Flutter to your machine

  • Open this project folder with Terminal/CMD and run flutter packages get

  • Run flutter run to build and run the debug app on your emulator/phone

Todos

  • Home
  • Home - Apply Sliver effect in home screen
  • Pokedex
  • Pokedex - FAB
  • Pokedex - Add FAB animation
  • Pokedex - Add grid loading animation
  • Pokedex - Add more Pokemons by balvinderz
  • Pokedex - Add load more
  • Pokemon Info
  • Pokemon Info - About
  • Pokemon Info - Base Stats
  • Pokemon Info - Evolution
  • Pokemon Info - Moves (no design)
  • Pokemon Info - Make tab area expandable
  • Pokemon Info - Add animations
  • Pokemon Info - Add more Pokemons by balvinderz
  • Pokemon Info - Add missing data in About tab
  • Pokemon Info - Add Base Stats data by balvinderz
  • Pokemon Info - Add Evolution data by balvinderz

Thanks

License

All the code available under the MIT + Apache 2.0. licenses. See LICENSE.

Issues
  • Added a new feature that provides users to view what type is superior or inferior over the other

    Added a new feature that provides users to view what type is superior or inferior over the other

    Hey! So tried to add a screen to view different types that pokemon have and using which type will be better over the other. The below are the changes/additions that i made nearly in order of the commits i made to my fork:

    • Created a custom list that stored all the types and it's effects over the others. Didn't prefer a json file or use an api/save in gist as there are only 18 types and hence only 18 elements, so the list is small.

    • Added a copyright free gif of pikachu running at the starter page above the "Pokedex" text. Credits for the gif given in README. (Note: When run on debug mode, the gif will appear slow, so if u want to run the app to see the gif work, use release mode)

    • A bottom overflow in the pokedex page was noticed when the search button was clicked on from the FAB button. Corrected that issue.

    • Added the type logos/images/icons that are also copyright free and whose credits are given in the README section.

    • Then used the icons and made an appearance of enclosing them within a pokeball and displayed each of them as a grid. (Note : The count of grid can be changed as you like in the code, but also change the width of the inner pokeball circle while changing the count, else the pokeball will end up looking like a regular ball)

    • Then created a function that showed a bottom sheet with all the relevant info about the type like what types is it super effective to and what type it is not at all effective to.

    • Combined all of these together and displayed it in the earlier "Type Charts" section.

    Below are some of the screenshots for better understanding.

    WhatsApp Image 2020-10-04 at 1 55 54 PM

    WhatsApp Image 2020-10-08 at 8 10 31 PM

    WhatsApp Image 2020-10-08 at 8 11 07 PM

    WhatsApp Image 2020-10-08 at 8 12 25 PM

    Hope you like it and merge it :) It may not to be the finest piece of ui i guess, but the code is perfect and easily editable. I tried my best in making this happen and finally succeeded too. Hence happy with what i have done so far and will continue to do so.

    opened by TheNova22 11
  • Add the pokemon list for each type

    Add the pokemon list for each type

    Hi !

    Saw that there was an Pokemon expansion panel under each Type description but nothing was inside

    I decided to implement this feature, hope you will like it, if something is wrong, tell me ๐Ÿ˜„

    Simulator Screen Shot - iPhone 13 - 2021-11-24 at 18 32 34

    opened by Matttx 10
  • Weird Graphics Glitches

    Weird Graphics Glitches

    Im gonna make a video of it soon..

    opened by devilAPI 9
  • Update generations icons

    Update generations icons

    Thought about adding some updates to the generations page - it only showed the first generation. Added images of all starters from all 8 generations

    opened by jitinder 7
  • Add new AppIcons for iOS and Android

    Add new AppIcons for iOS and Android

    Implement a fitting icon for both the iOS and Android Launcher instead of the generic Flutter Logo. The Icon was built by myself in Figma and consists of some usual geometric shapes, so no copyright issues with that.

    ball

    opened by LBeul 6
  • Does home silver works now?

    Does home silver works now?

    Really hop the home screen can using silver to scroll

    question 
    opened by jinfagang 5
  • Migrated to NULL SAFETY

    Migrated to NULL SAFETY

    • Migrated the whole Source Code to NULL Safety
    • Used proper latest Dependencies and Corresponding Functions
    • Added new Pokedex Icon for Android
    opened by abhi-shek2000 5
  • Fetching basic news.

    Fetching basic news.

    Fetching news from https://www.pokemon.com/us/pokemon-news/

    Not sure if this was something you guys planned on writing as its nowhere mentioned in the README.md. This is just a basic implementation as of now, let me know if this feature is appreciated then will work towards making a much cleaner and beautiful looking news module for this app.

    opened by meta-boy 5
  • PR continued from the previous one

    PR continued from the previous one

    Hey @scitbiz, Made squash in the recent commits and made several of these commits into just 2 commits, the previous commits as they are outdated, i am facing an issue in squashing them up. But the recent commits made after the changes were requested in the previous PR has been squashed. Over all, this PR is ready to be merged. Sorry about the inconvenience caused by my constant notifications.

    opened by TheNova22 4
  • Made a few changes, additions and added comments in few files for better understanding

    Made a few changes, additions and added comments in few files for better understanding

    First of all, i would like to tell that i loved the app and the idea behind it, as i too am a fellow pokemon fan. So, the changes or additions made were:

    • Added comments to a few files that might help future contributors understand what's happening quicker.

    • Made a moves.json file and a class called Moves that can be used to display various moves to users.

    • In order to avoid bottom overflow in few regions, altered the already written code a bit, for example : in the base stats region of pokedex, the user couldn't view all the effective types, hence made changes to that by making it similar to the info tab. Hence, now it works like a charm.

    (All the following were tested in android devices and not iOS as it failed to run it) These are the current changes/additions made by me and i will also further continue commiting to this repo. My next goal ahead will be to successfully implement the moves section by which, when a user clicks on Moves button from the category list in the home page, he/she will be redirected to a page which will then display all the moves present in our json file.

    Hope you merge it :)

    opened by TheNova22 4
  • Items List Feature

    Items List Feature

    Hello,

    This Pull Request is based on the add of the Items List to the Pokedex.

    I created the repository, providers, use_cases to manage the data. I had to create my own gist to manage the data of the items, if you want to create it yourself tell me and give me the URL and I will change the URL in the repository.

    For the front-end part I chose to stay with something quite similar to the list of the pokemon in the pokedex, meaning that you have a list of the items with an image and the name of the item (and the category of it).

    Unfortunately, some items on the json data had a correct URL but there was only one white pixel on this URL for the image so some items don't have an image.

    Feel free to comment any suggestions to make it better !

    opened by LucasFab 6
  • Add the possibility to search a pokemon

    Add the possibility to search a pokemon

    Hi again !

    I add the possibility to search a Pokemon with the Pokedex SearchBar

    Simulator Screen Shot - iPhone 13 - 2021-11-24 at 20 24 11

    opened by Matttx 12
  • Option for Dark Theme

    Option for Dark Theme

    Add option for the User to choose/change the theme (Dark, Light (current theme)).

    enhancement 
    opened by abhi-shek2000 3
  • Support for web and desktop app

    Support for web and desktop app

    enhancement 
    opened by scitbiz 2
  • Migrating to null safety

    Migrating to null safety

    • [ ] Update the framework to the latest version
    • [ ] Migrating the source code to null safety
    migration 
    opened by scitbiz 4
Owner
Pham Sy Hung
Work hard. Play hard!
Pham Sy Hung
A Flutter application that recommends activities to do in free time. Made with Clean + Layered Architecture

im_bored_app Bored? is a Flutter application that suggests different activities to do in your free time. Available platforms: iOS, Android, iPadOS App

Batuhan Karababa 13 Sep 3, 2021
A clean and modern note taking app built with Flutter.

Notes App A clean, simple and modern note taking app built with Flutter. Be sure to leave a star ?? Features Create notes: Create notes that store loc

Carlton Aikins 80 Nov 18, 2021
An architecture for dynamic UI without client deployment

Server Driven UI Demo Server Driven UI(SDUI)๋Š” ์„œ๋ฒ„์—์„œ ํด๋ผ์ด์–ธํŠธ์˜ UI ์ปดํฌ๋„ŒํŠธ๋ฅผ ๊ด€๋ฆฌํ•˜๋Š” ๋ฐฉ์‹. ํด๋ผ์ด์–ธํŠธ ๋ฐฐํฌ์—†์ด API ์‘๋‹ต์„ ๋ณ€๊ฒฝํ•˜๋Š” ๊ฒƒ๋งŒ์œผ๋กœ UI ๋ณ€๊ฒฝ์ด ๊ฐ€๋Šฅํ•œ ๋™์‹œ์— ํ•˜์œ„ ํ˜ธํ™˜์„ฑ์„ ํ™•๋ณดํ•  ์ˆ˜ ์žˆ๋‹ค. Rust, GraphQ

Simon Park 9 Jul 10, 2021
Flutter app backed by Redux, shows animations, internationalization (i18n), ClipPath, fonts and others...

A Flutter tourism app that is backed-by Redux, shows animations, internationalization (i18n, English <=> Arabic), ClipPath, and fonts. YouTube demo I

Abdulmomen Kadum ุนุจุฏุงู„ู…ุคู…ู† ูƒุงุธู… 250 Nov 18, 2021
Minimalist Flutter Todo App, built using BLoC pattern

Deer Minimalist Todo Planner app built around the idea of efficiency and clean aesthetic. Showcase Development Deer uses BLoC (Business Logic Componen

Aleksander Woลบniak 292 Nov 14, 2021
A quiz app built using Flutter

Quiz-App A quiz app built using Flutter. It currently covers programming topics such as (i.e. TypeScript, Angular, Firebase...) and others. Although t

Akash Dubey 37 Nov 14, 2021
An app built using Flutter that performs conversion of bitcoin price with other currencies and displays it to user.

bitcoin_ticker A new Flutter application. Getting Started This project is a starting point for a Flutter application. A few resources to get you start

dev_allauddin 4 Nov 17, 2021
An android app built using flutter that displays and forecast the specific city Weather and Climate for dynamic time event by collecting the data from API that is provided for free by OPENWEATHER site.

clima_weather_reporter A new Flutter application. Getting Started This project is a starting point for a Flutter application. A few resources to get y

dev_allauddin 4 Nov 17, 2021
A remote app built using Flutter that creates the users of the specific wordpress website.

wp_users 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

dev_allauddin 4 Nov 17, 2021
An app built using flutter for ResearchNeeda medical Startup as part of Hackathon 2020 conducted by Deshpande startups

research_final A new Flutter application. Getting Started This project is a starting point for a Flutter application. A few resources to get you start

dev_allauddin 4 Nov 17, 2021
Lime client built using flutter

** This project ist OUT OF DATE and I am currently not able to maintain it ** What we are building Lime is a social media app, which allows you to pos

Sebastian Sellmair 356 Nov 29, 2021
Fully functional Twitter clone built in flutter framework using Firebase realtime database and storage

Fwitter - Twitter clone in flutter A working Twitter clone written in Flutter using Firebase auth,realtime,firestore database and storage. Download Ap

Sonu Sharma 1.5k Nov 23, 2021
Nimbus is a beautiful portfolio design built using flutter

nimbus This is Nimbus (Portfolio & CV), a beautifully designed portfolio website built with flutter. It is inspired by Web Genius Lab Designs on Behan

David-Legend 138 Nov 24, 2021
Timy - open source mobile app for groups to communicate and organize themselves. Built with flutter.

Timy app An amazing open-source group messaging app build with flutter. โœจ Main Features Multiple groups (similar to Teams in Slack). Multiple open or

null 1.7k Nov 22, 2021
Simple manga reader app for MangaSee, built with Flutter

MAPI Simple manga reader app for MangaSee. Mind that this is my very first attempt on using Flutter. Why I wanted to try out Flutter, and i needed an

Simone 13 Nov 21, 2021
Simple and modern news app that incorporates REST API (newsapi.org), all built entirely with Flutter.

A simple news app with a minimalistic and clean UI that incorporates the newsapi.org api all built entirely with Flutter. Be sure to leave a star ??

Carlton Aikins 59 Nov 19, 2021
Modern crypto portfolio & market explorer. Built with @Flutter

Trace Modern Crypto Portfolio & Market Explorer. Built with Flutter. Open Source. Lightweight. Clean. Straightforward. Fast. Powerful. Download for An

Trent Piercy 785 Nov 25, 2021
The 'Reply' Material Design case study built with Flutter.

Reply โค๏ธ Flutter Reply is an email app that uses Material Design components and Material Theming to create an on-brand communication experience. This

Frederik Schweiger 534 Nov 27, 2021