DEV Community

Cover image for Marvel Universe App - Built in Flutter + Appwrite
Suchitkumar Khunt
Suchitkumar Khunt

Posted on

Marvel Universe App - Built in Flutter + Appwrite

Overview of My Submission

Marvel Universe - is a mobile application, built with Flutter and AppWrite to exhibit the marvel cinematic universe, comics, characters and stories.

I have used the Appwrite Account API and Appwrite Database. I would like to continue work on this app and complete this with using all features of Appwrite. (Appwrite Storage & OAuth2 Providers).

Fork Project From: https://github.com/khuntsr/marvel-comics-flutter

Submission Category:

Mobile Moguls

Link to Code

GitHub logo khuntsr / marvel-comics-flutter

marvel-comics-flutter

Marvel Universe

Marvel Universe - is a mobile application, built with Flutter and AppWrite to exhibit the marvel cinematic universe, comics, characters and stories.

image




Additional Resources / Info

In this app development environment is used, I have not created any production environment. I have attached the scrrenshot of used database colletions, if you want to run the source code.

This version of app contains below features,

  • New User Registration (Appwrite Account API)
  • User Login (Appwrite Account API)
  • Marvel Universe Screen (Appwrite Database)
  • Change Password (Appwrite Account API)
  • Marvel Universe Moview Details
  • Drawer Menu
  • Logout

I will continue work on this app and will deliver below features,

  • Marvel Comics Screen (Appwrite Database & Marvel API)
  • Marvel Stories Screen (Appwrite Database & Marvel API)
  • Marvel Characters Screen (Appwrite Database & Marvel API)
  • Profile Details (Appwrite Account API) & Pic Update (AppWrite Storage)
  • External Loging (OAuth2 Providers will be used)

Glims of the App.

Dashboard screen

Dashboard

Dashboard screen with playing video in YouTube player

Dashboard with Playing Video

User login screen

User Login

Awesome animated drawer menu

Drawer Menu

Dashboard screen II

Dashboard 2

User registration screen

User Registration

Change password screen

Change password

Marvel cinemetic details screen

Marvel cinemetic details

Database collection arrtibute screen (it is used in dashboard screen)

Database collection arrtibute screen

It is my first Hackathon, and I had a lots of fun with it.

Appricite your time to reading this article.

Thank You! Happy Coding :)

Top comments (5)

Collapse
 
smppatel99999 profile image
Sahil Patel • Edited

Awesome design.
Hey try this for pretty embed.

GitHub logo khuntsr / marvel-comics-flutter

marvel-comics-flutter

marvel-comics-flutter

marvel-comics-flutter




In the brackets and % symbole use only "github username/reponame".

Collapse
 
smppatel99999 profile image
Sahil Patel
{% github khuntsr/marvel-comics-flutter  %}
Enter fullscreen mode Exit fullscreen mode

GitHub logo khuntsr / marvel-comics-flutter

marvel-comics-flutter

marvel-comics-flutter

marvel-comics-flutter

Collapse
 
khuntsr profile image
Suchitkumar Khunt

Thank you!! It works. I missed github keyword.

Collapse
 
andrewbaisden profile image
Andrew Baisden

Wow cool design.

Collapse
 
rayzenrahu profile image
rayzenrahu

This looks amazing, bruh!
All the best!