search

HectorAgudelo / SkyGazer

Welcome to SkyGazer, your essential astronomy app for exploring the night sky. Whether you're an astronomy enthusiast or a casual stargazer, SkyGazer leverages APIs to provide real-time information about celestial object visibility on specific dates, helping you plan your stargazing adventures with precision.
0 stars 2 forks source link

Nasa image/banner #15

Open pm-moyanor opened 6 months ago

pm-moyanor commented 6 months ago

basic component, It's set to be animation-focused, keep in mind the notes :)

consider: the arrow button will disappear on scroll the 1/2 info overlay would enter from left and disappear on image hover the 1/2 info overlay will have transition animations on scroll or arrow click the explanation should break into paragraphs the image will popup as modal on click the image will have zoom in slow animation

the video can have custom nav buttons

responsive features need to be added to all elements

chef-louis commented 6 months ago

@pm-moyanor I can kind of picture what you've noted in the description above. I think overall the animations will be a really nice touch and give us a great 'space-in-motion' feel to the application. That said, I'm going to hold off on merging this PR as it doesn't sound like it's in a place for viewing just yet. I like this use of useRef and makes sense how you're thinking about the code aspect of the animations.

Let me know if I've missed anything specific that you wanted another set of eyes on.

HectorAgudelo commented 6 months ago

Could you make a video of this feature, so we could see what it does.