It uses Nasa's api to Givea a picture of the universe everyday and also you can download the image if you want, and there is a page where you can enter your birthday to get the image taken by NASA on that day. It uses Flutter for the UI and App development.
The app I was working on, CosmoGram, is ready (almost). It particularly has two pages: one where you get a daily image and the image’s information like its description, radiation level, etc., and the other page is Birthday, where you enter your birthday and get the image that was taken by NASA on that day.
Stitch: I used Stitch to get the UI elements of the two pages. It is awesome and simple to use. I described my app, its usage, and how it works, and it gave me the UI pretty fast, which was also awesome.
Gemini: In Stitch, if you go to Export, select the pages you want to export, and export in code, it gives you XML code. I pasted this into Gemini and asked what UI elements I could use to achieve this, and I also told it to give me boilerplate code to build upon.
Gemini Image Generation: I also used the Gemini image generation model to generate a custom logo for my app.
Since this was my first project involving APIs using Flutter, I did get errors using Future and all that. I mainly asked Gemini for help regarding it.
Downloading the image was probably the most tiresome part. I watched some YouTube videos and implemented it, but the downloaded images were all 0B and could not be opened. I asked Gemini to help troubleshoot it.
The Download Abort Fix: Initially, downloading high-resolution assets threw a critical system exception. The issue was that NASA’s image URLs contain complex API query strings, which corrupted the native file extension. I wrote a file-naming filter to strip out the parameters and strictly enforce a clean .jpg formatting tag. Now, the Android gallery opens the images flawlessly.
After taking a quick rest, I figured out exactly how to set up the app image and the title name natively! I updated the underlying AndroidManifest.xml files to clear out the default development metadata templates. The app now cleanly displays with its proper launcher name (CosmoGram) right on my mobile’s home screen, and it successfully loads up with my customized, textless neon-rocket icon asset in the app drawer. Everything is fully live and running on the phone now!
If you see most Flutter projects, they will probably include many files for different pages. This helps if you are in a company where everyone can work on the app and contribute. But since I was making this as a personal project and I don’t think anyone else will contribute to this, I decided to put all the screens and pages in the codebase inside a single Screen.dart. There is also main.dart, which actually runs the app since the void main(){} function is inside that folder.
#DEVLOG1: Hello so i am kinda new here, i really wanted to get into app development. I do have a background in programming(not too much strong just medicore) i know python very well and title bit of C , Since dart is similar to both Python and C like its syntax is similar to C and concepts like OOP is also in Python it was easy to get on. But on flutter part i am still not that much great and i still kinda get confused in topics like Implementation , Stateless,Statefull . So i did build a Currency Converter App as a practice and also so that i could get fimiliar with widgets , i didn’t build it on my own i watched a tutorial and followed along , i think i will build few apps like these and when i get a hang of it i wll go to my main project which is a kinda of simple, It uses NASA’s API to get beautiful images of Universe and you can even set it as wallpaper and you could even enter your birthday and find out the photo the Voyger took on that day. So yeah thats it and if you guys are fimiliar with flutter it could be great if could tell me what all resources you used.
