Nasagram
Give it a visit
My Role
Team lead -- Design, prototyping and wireframing, interaction design, front-end code
Team
-
Tech stacks
React JS | Next JS 15 | Shadcn UI | Tailwind CSS
Overview
A website showcasing NASA's APOD (Astronomy Picture of the Day) API, built with Next.js for server-side rendering, React for interactivity, and Shadcn UI for skeleton loading. This project emphasizes creating an exceptional user interface for the APOD API while maintaining optimal performance and speed. Personally, I believe the Instagram-inspired design and infinite scrolling feature make this project stand out in terms of user experience, which is why I chose this approach for the design.
My Role
Team lead -- Design, prototyping and wireframing, interaction design, front-end code
Team
-
Tech Stacks
React JS | Next JS 15 | Shadcn UI | Tailwind CSS
Overview
A website showcasing NASA's APOD (Astronomy Picture of the Day) API, built with Next.js for server-side rendering, React for interactivity, and Shadcn UI for skeleton loading. This project emphasizes creating an exceptional user interface for the APOD API while maintaining optimal performance and speed. Personally, I believe the Instagram-inspired design and infinite scrolling feature make this project stand out in terms of user experience, which is why I chose this approach for the design.
API Explanation
APOD
Astronomy Picture of the Day
The APOD (Astronomy Picture of the Day) API, provided by NASA, offers a daily image or photograph of our fascinating universe, accompanied by a detailed explanation written by professional astronomers. It is an excellent resource for exploring and learning about the wonders of space, featuring everything from stunning galaxy visuals to breathtaking planetary landscapes.
NASA
DESIGN
The Instagram inspired-design
Blending Aesthetics with Usability
The design of this project is inspired by Instagram, blending familiarity with functionality to create an engaging user experience. This approach ensures seamless navigation and continuous exploration, mimicking the interactive and intuitive style of popular social media platforms. The combination of sleek aesthetics and practicality makes 'NASAGRAM' both user-friendly and visually captivating.
Nasagram
The Features
The infinite scrolling feature
Effortless Exploration of Space
The infinite scrolling feature allows users to seamlessly browse through NASA's stunning APOD collection without interruptions. By loading content dynamically as users scroll, it creates a smooth and engaging experience, perfect for exploring the vast wonders of the universe.
Nasagram
The Mode
Light and dark mode
Customizing the Viewing Experience
Nasagram' offers both light and dark modes, allowing users to tailor their viewing experience to their preferences or lighting conditions. The light mode provides a clean and vibrant interface, ideal for daytime use, while the dark mode ensures a comfortable and immersive experience during nighttime browsing.
Nasagram