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

vatsamalakar

@vatsamalakar

Joined June 12th, 2026

  • 23Devlogs
  • 10Projects
  • 9Ships
  • 90Votes
Ship Changes requested

I created TRIVA Night, an interactive trivia game designed to make answering questions feel like a fun game show experience. Players can test their knowledge across different categories, answer questions, track their score, and compete against themselves to get the highest score possible. The app focuses on creating an engaging experience with a clean interface, smooth interactions, and an enjoyable way to learn new facts.

What was challenging?
One of the biggest challenges was making the game logic work correctly, including checking answers, updating scores, moving between questions, and making sure the user experience felt smooth. I also spent time improving the design, organizing the code, and making sure the app worked reliably in the browser.

What are you proud of?
I am most proud of turning a simple trivia idea into a complete interactive game. I improved the UI, added working features, and created an experience that feels more like a real trivia night rather than just a webpage with questions.

What should people know so they can test your project?
To test the project, start the game and answer the trivia questions. Try to get the highest score possible! The game is designed to be easy to use, so anyone can jump in and play without needing instructions.

  • 1 devlog
  • 2h
Try project → See source code →
Open comments for this post

1h 33m 56s logged

The application has evolved into a polished, fully interactive trivia experience that runs seamlessly in any modern web browser without requiring a backend server. Players can answer multiple-choice questions, receive instant feedback on whether their answers are correct or incorrect, and watch their score update in real time as they progress through the game. At the end of each session, the application displays the player’s final score and provides the option to restart the quiz for another playthrough. The interface is designed to be clean, responsive, and intuitive, ensuring a smooth experience across desktop and mobile devices.
Beyond the core gameplay, the project has been structured with maintainability and performance in mind. The codebase is organized into separate HTML, CSS, and JavaScript files, making it easy to expand with additional questions, categories, animations, sound effects, or new game modes in the future. As a lightweight static website, the application loads quickly, requires minimal resources, and can be opened locally in any browser for development and testing. It is also fully prepared for deployment to platforms such as Vercel, allowing it to be hosted online with fast load times, excellent accessibility, and no server-side configuration required. This architecture makes the project simple to maintain, easy to share, and scalable for future feature enhancements while providing an engaging and enjoyable trivia experience for users.

0
0
2
Ship Pending review

NebulaOS is a desktop-inspired web operating system that transforms a normal website into an interactive space-themed desktop. Over the past few weeks I've focused on making the experience feel immersive by adding an animated galaxy background with blinking stars, shooting stars, drifting planets, and glowing nebula effects.

One of the biggest challenges was making everything feel like a real operating system instead of a collection of webpages. I built movable application windows, a desktop layout, a bottom dock, and recently used apps section to recreate the workflow of a modern desktop. I also spent a lot of time refining animations, visual effects, and the overall UI so the experience feels smooth and polished.

The milestone I'm most proud of is finally making the interface functional. The desktop buttons now open real applications instead of acting as placeholders. Notes, Terminal, System, and Files all work as independent windows, making NebulaOS feel much more interactive and laying the foundation for future features.

To test the project, explore the desktop by clicking the application icons, open multiple windows, move between apps using the dock, interact with the Notes, Terminal, System, and Files applications, and enjoy the animated space background while navigating around the desktop.

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

22m logged

Building the NebulaOS ExperienceNebulaOS continued evolving from a simple concept into an immersive desktop-inspired web experience. During this stage, the focus shifted toward making the application feel like a real operating system rather than a traditional webpage. Every addition was designed to improve both the atmosphere and user experience, creating an interface that encourages exploration and interaction.Creating an immersive atmosphereThe first priority was establishing a unique visual identity. The background was transformed into a living space environment filled with deep nebula clouds, softly glowing planets, and a rich night sky. Stars were given randomized sizes and brightness levels, along with subtle blinking animations, making the scene feel much more natural.To make the environment feel alive, gentle animations were added throughout the scene. Shooting stars occasionally streak across the sky, planets slowly drift through space, and distant celestial objects move almost imperceptibly over time. These effects create the feeling that the desktop exists within a living universe rather than a static image.Designing a desktop-inspired interfaceA major milestone was transforming the layout into a desktop environment. Instead of displaying everything on one page, applications now open as independent windows that can be launched, focused, moved, and closed like a real operating system.Expanding the built-in applicationsSeveral functional windows were added to strengthen the desktop experience:Notes provides a workspace for writing ideas and reminders.Terminal introduces a command-line inspired interface.System displays operating system information in a dashboard.Files acts as a simple file explorer.While these applications are still lightweight, they establish a strong foundation for future functionality.Bringing the interface to lifeOne of the biggest milestones was making the desktop interactive. Many icons and buttons originally served only as visual placeholders, but during this development cycle I began connecting them to real functionality.Desktop buttons now open their corresponding applications, switch focus between windows, and create a much more realistic operating system experience. This marked the transition from building the interface to implementing the features behind it.Improving navigationNavigation was redesigned to feel closer to a modern desktop operating system. A persistent bottom dock was added, giving users quick access to frequently used applications. I also implemented a Recently Used Apps section that keeps recently opened applications easily accessible, making navigation faster and improving the overall workflow.Polishing the experienceThe final stage focused on refinement. Animations were smoothed, spacing was adjusted, and interface elements were balanced to create a cleaner design. Glow effects, transitions, depth, and consistent styling helped tie the entire experience together while making NebulaOS feel more polished and believable.Final ResultBy the end of this development phase, NebulaOS had grown far beyond its original concept. It now features an animated space background with blinking and shooting stars, slowly drifting planets, movable desktop windows, functional Notes, Terminal, System, and Files applications, working desktop buttons, a persistent bottom dock, a Recently Used Apps section, and a polished operating-system aesthetic.The project now provides a much stronger sense of immersion while creating a solid foundation for future additions, including more advanced applications, deeper interactivity, expanded system functionality, and additional visual enhancements.

0
0
1
Open comments for this post

50m 39s logged

During this development session, I focused on expanding the application’s functionality while continuing to improve its overall user interface. One of my main goals was to make the space theme feel more immersive and visually interesting, so I added multiple planets that vary in both size and color. This makes the background feel more dynamic instead of having every object look identical. I also updated the stars so they appear in different sizes, creating a more realistic night sky and giving the app additional depth.Beyond the visual improvements, I spent time adding several new features and interface elements that will become important parts of the application. Although some of these features are not yet clickable or fully functional, I have already designed and integrated them into the layout. My next step is to connect these interface elements to their underlying functionality and ensure everything works smoothly.Overall, this development session was focused on building the foundation for the finished product. The app is beginning to resemble my original vision, with a polished space-inspired design and a growing set of interactive features. While there is still work to do, especially on making every feature fully operational, I am happy with the progress so far and excited to continue refining both the appearance and the user experience.

0
0
1
Ship

I added WASD support and updated the UI so players can use W/A/S/D as an alternative to the arrow keys. To make the change clear and intuitive, the in-game control hint and the instructions dialog now mention WASD, and each on-screen arrow button displays the matching WASD letter so both control schemes are visible. This improves usability for desktop players who prefer WASD and reduces confusion about available inputs. I verified the change by starting the game and doing a short playthrough: movement works with arrows and WASD (uppercase or lowercase), swipe and on-screen buttons still work, scoring and level-up behavior remain unchanged, and collisions behave the same. The changes are intentionally minimal and non-disruptive. Next steps I can take: add simple styling for the WASD labels to match the UI, run cross-browser checks, or add a small accessibility note about keyboard controls—which would you prefer?

  • 1 devlog
  • 0h
Try project → See source code →
Open comments for this post

16m 49s logged

 I added WASD support and updated the UI so players can use W/A/S/D as an alternative to the arrow keys. To make the change clear and intuitive, the in-game control hint and the instructions dialog now mention WASD, and each on-screen arrow button displays the matching WASD letter so both control schemes are visible. This improves usability for desktop players who prefer WASD and reduces confusion about available inputs. I verified the change by starting the game and doing a short playthrough: movement works with arrows and WASD (uppercase or lowercase), swipe and on-screen buttons still work, scoring and level-up behavior remain unchanged, and collisions behave the same. The changes are intentionally minimal and non-disruptive. Next steps I can take: add simple styling for the WASD labels to match the UI, run cross-browser checks, or add a small accessibility note about keyboard controls—which would you prefer?

0
0
3
Open comments for this post

2h 17m 7s logged

I made several updates to the UI. The biggest one was each tab becoming its own page. Previously everything was on one page and I felt like it made the page look crowded. I also improved the stars/constellation in the background so that they move more smoothly. I added this feature to keep my personal site a bit whimsical and interactive.

0
0
8
Open comments for this post

1h 20m 25s logged

I started by planning the overall vision for the project. Instead of making a standard website, I wanted to build something that felt like an actual desktop operating system running inside the browser. I sketched out the interface, decided on a futuristic space theme, and planned the core applications I wanted to include, such as Notes, Terminal, System Information, and a File Explorer. I also thought about how users would interact with windows, move them around, and launch applications from a desktop environment before writing any code.

0
0
1
Ship Pending review

I built My Own Site!, a modern personal portfolio website to showcase my projects, skills, and development journey. It features a responsive design, animated particle background, dark/light mode, smooth scrolling, project cards, skill bars, GitHub statistics, and a contact form. One of the biggest challenges was polishing the UI, making everything responsive across devices, and adding interactive JavaScript features while keeping the site fast. I'm especially proud of the overall design and how everything comes together into a professional-looking portfolio. To test it, explore each section, try the theme toggle, check the project cards, and verify that all navigation links and interactive elements work correctly.

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

1h 0m logged

— Final Improvements and Deployment
Today I finished polishing and preparing my portfolio for deployment.
I fixed small bugs, improved animations, checked responsiveness, and optimized the website.
Final improvements:

Added README documentation

Organized project files

Improved loading speed

Tested all buttons and links

Deployed the website online

Building this project helped me improve my HTML, CSS, JavaScript, and design skills. I learned that creating a great website is not only about writing code, but also about creating a good experience for users.

0
0
6
Ship

Health Decoder is an AI-powered web app that helps users understand their health insurance plans in simple, easy-to-understand language.

Users can upload a PDF of their insurance policy, get a simplified summary, and ask questions about their coverage using an AI chatbot powered by Groq.

  • 1 devlog
  • 1h
Try project → See source code →
Open comments for this post

19m 5s logged

Today I customized my portfolio to make it represent me.
I added my own projects and created cards that show:

Project screenshots

Descriptions

Links

Technologies used

I also updated my About Me section and added my interests, skills, and goals as a developer.
This made the website feel less like a template and more like my own personal space on the internet. Also, I added this too!!, A website should not only look good on a computer, so I tested it on smaller screens and adjusted the design.
I improved:

Mobile navigation

Text sizes

Image scaling

Project cards

Section spacing

Now the website adapts better to phones, tablets, and different screen sizes.

0
0
4
Open comments for this post

15m 22s logged

Today I worked on improving the visual design using CSS.
The first version looked very basic, so I focused on making it more modern and polished.
I added:

Glassmorphism cards

Gradient backgrounds

Rounded corners

Better typography

Hover animations

Glowing effects

I also made sure the colors matched a futuristic developer theme. This was one of my favorite parts because I could see the website transform from a simple page into something much more professional.

1
0
3
Open comments for this post

22m 12s logged

Today I focused on creating the layout and content of my website.
I created the different sections using HTML and learned more about organizing webpages properly. I added a navigation bar, hero section, about section, skills section, projects section, and contact area.
I also added:

Profile image section

Project showcase cards

Social media links

Resume button

The website started feeling like an actual portfolio instead of just a simple webpage.

0
0
2
Open comments for this post

26m 24s logged

Today I began working on my personal portfolio website. Before writing any code, I wanted to think carefully about what I wanted this project to represent. Instead of creating a simple webpage with my name and a few links, I wanted to build a complete digital identity that showcases my growth as a developer.
I started by planning the overall structure of the website. I decided that the portfolio should include several important sections: an introduction about myself, my technical skills, projects I have built, achievements, and ways for people to contact me.
I also focused on the design direction. I wanted the website to have a modern developer aesthetic with a futuristic feel. Some ideas I explored were glassmorphism, animated backgrounds, smooth transitions, and interactive components.
During this stage, I learned that good websites are not created by immediately writing code. Planning the user experience, layout, and purpose first makes the development process much smoother. This gave me a clear roadmap for the rest of the project.

0
0
4
Ship

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

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

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

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
Loading more…

Followers

Loading…