Spacestagram | Live Demo
Spacestagram is an application created to explore NASA's Astronomy Picture of the Day API, allowing the user to discover various types of media within the rich library.
- 📅 Explore photos from a specified date
- 🔀 Explore photos at random
- ❤️ Like photos & view liked photos
- 🕵️ Click on any photo to view details
- ♾ Infinite scroll
- 🎆 Grid & list view options
- 🌙 Dark & light modes
I began the project by creating several "big marker mockups" of the features and application flow. This allowed me to identify the different application components and establish a development path.
I built Spacestagram using Angular and Typescript to allow for rapid development and easy implementation of the various dynamic features. Shared UI features like the rocket animation and like button were developed as reusable components. Services were created to handle various state management for the layout and API features. The application was organized to promote high cohesion through specialized components while minimizing coupling by limiting use of global styles to colors and low-level interface elements. At all points of development the application was tested on different devices to allow for a seamless experience. Generic components from Material Angular UI were used for dialogs and buttons while specific interface elements such as the Rocket Animation and Like Button were coded from scratch.
- Run
git clone https://github.com/gkillick/spacestagram.git
to copy the project locally. - Open the terminal and
cd spacestagram
to enter the project - Run
ng serve
to start the app - navigate in your web browser to
localhost:4200
to explore the app 🚀