You are browsing as a guest. Sign up (or log in) to start making projects!

CosmoPulse

By @vatsamalakar

  • 5 Devlogs
  • 2 Total hours

im gonna fetch all nasa's data mwahaha... CosmoPulse is an interactive space exploration website built with Vite, JavaScript, HTML, and CSS that uses NASA's public APIs to display real-time astronomy content. Users can view NASA's Astronomy Picture of the Day and search for images from previous dates. The website also includes a favorites system that saves images locally so users can revisit them anytime. To make the experience more engaging, CosmoPulse features a built-in Space Assistant that answers questions about planets, stars, galaxies, NASA, and other space topics. The project was created to learn modern web development, API integration, responsive design, and how to build a polished, interactive application from scratch.

Source
Ship #1

@vatsamalakar on CosmoPulse

I made CosmoPulse, an interactive space-exploration website powered by NASA APIs. Users can view NASA’s Astronomy Picture of the Day, choose a past date, save favorite discoveries in their browser, and ask a built-in assistant simple questions about space.
The most challenging parts were connecting the NASA API reliably, handling loading and error states, and making different media types work properly. I also had to make sure favorites were stored safely in local storage, that the app worked on mobile screens, and that the project was ready to deploy through Vercel.
I’m proud of how the site became more than a basic API project. It has clear navigation, accessible labels and keyboard support, responsive design, useful feedback when something is loading or fails, and features that work together naturally. The space theme and organized sections make it easy to explore.
When testing the site, people should know they can select a date and see image from that day.

Try project → See source code →
Open comments for this post

@vatsamalakar on CosmoPulse

15m 10s logged

I focused on improving the design and preparing CosmoPulse for deployment. I redesigned the website with a space-inspired theme.
I learned how important UI design is because a project is not only about functionality, it also needs to be enjoyable and easy to use.
I also reviewed my code, fixed bugs, and prepared the project for GitHub deployment using Vite.
Looking back, this project helped me learn a lot about:

  • APIs
  • JavaScript
  • Frontend development
  • Environment variables
  • User interface design
  • Deployment workflows

CosmoPulse started as a simple NASA image viewer but it grew into a full interactive space exploration website.

2
0
13
Open comments for this post

@vatsamalakar on CosmoPulse

18m 24s logged

Today I built the CosmoPulse Space Assistant!
I wanted the project to feel more interactive, so I created a chatbot that can answer questions about space topics like Mars, black holes, galaxies, stars, NASA, and planets.
Building the chatbot helped me practice:

  • Handling user input
  • Creating conditional logic
  • Designing a better user experience
  • Making websites respond to user actions

I added a system that recognizes different space keywords and provides helpful answers. If the chatbot does not understand a question, it gives suggestions for topics users can ask about.
This feature made CosmoPulse feel more like an actual space exploration tool instead of just an information website.
In the future, I would like to upgrade this into a real AI-powered assistant using an AI API.

2
0
17
Open comments for this post

@vatsamalakar on CosmoPulse

15m 34s logged

Today I added a major feature to CosmoPulse: a favorites system. I created it by using LocalStorage. This allows users to save their favorite astronomy pictures directly in their browser without needing a database.
While building these features, I learned more about:
- Working with multiple APIs

  • Storing user data locally

  • Creating reusable JavaScript functions

  • Handling errors when API requests fail

A challenge I had was making sure the page updates correctly after saving favorites. After debugging, the system now works smoothly.

0
0
7
Open comments for this post

@vatsamalakar on CosmoPulse

16m 15s logged

I connected CosmoPulse to NASA’s APOD API!
This was one of the most exciting parts because the website is no longer just a design, it can now fetch real information from NASA.
I learned how API requests work using JavaScript’s fetch() function. The website sends a request to NASA, receives the data, converts it into a usable format, and displays the image, title, date, and explanation.
One challenge I faced was understanding promises and asynchronous code but after testing and debugging, I was able to successfully display NASA’s daily astronomy image.
I have also started working on the index.html file.

2
0
21
Open comments for this post

@vatsamalakar on CosmoPulse

1h 17m 48s logged

Today I started building CosmoPulse, a website that uses NASA’s public APIs to bring space information directly to users.
I decided to create this project because I wanted to combine my interest in space and web development. The main idea is to create a dashboard where users can view NASA’s Astronomy Picture of the Day and interact with a space assistant.
I started by setting up the project using Vite and JavaScript. I learned how modern frontend projects are structured and why tools like Vite make development easier.
The biggest thing I learned today was how APIs work. Instead of manually adding space images, my website can request fresh data from NASA every day.
Next, I plan to connect the NASA API and start building the main interface.

0
0
9

Followers

Loading…