Prince Kumar Suryavanshi

Today I worked on a small space-themed visual project. I focused on creating a calm cosmic environment with glowing planets, stars, and a bright center that feels like a galaxy or energy core. I added smooth movement and simple interactions to make the scene feel alive. The goal was not realism, but a peaceful and creative space experience. This project helped me understand visuals, positioning, and atmosphere better. I plan to improve animations and add more interactive elements in future updates 🚀

🕷️I wanted to create something that feels emotional, not just visual. Web of Time is inspired by Spider-Man and the idea that every second matters. The clock, web, and city represent choices, responsibility, and growth.

I focused on bold colors, strong contrast, and a clear center to keep the design powerful but not crowded. The biggest challenge was balancing time elements with the Spider-Verse vibe.

This project helped me understand visual storytelling better—sometimes less is more. In the future, I’d love to add small animations and interactive effects to make the experience feel alive.

Every choice shapes the web. 🕸️⏳

🥊 Devlog — Baki Hanma vs Kengan Ashura (Fan Project)
🚀 Project Idea

This project was inspired by a simple fan question: What if Baki Hanma and Kengan Ashura existed in the same universe? I wanted to create a cinematic web experience that feels like a Netflix-style crossover announcement rather than just a static fan poster.

🎨 Design Approach

The main focus was intensity and impact. The split-screen layout represents two worlds colliding. Dark arena lighting, bold red typography, and strong character poses were used to give the page a raw, underground-fight atmosphere.

🛠️ Development Process

I began with the hero section to instantly grab attention. Navigation was kept minimal (Home, Characters, Fights) so the visuals remain the highlight. A lot of time went into adjusting contrast, alignment, and layering to keep the design powerful but readable.

⚠️ Challenges

Balancing heavy visuals without making the page feel cluttered was the biggest challenge. Small layout tweaks made a big difference in keeping everything clean and focused.

📘 What I Learned

This project helped me understand visual hierarchy, composition, and how to turn fan ideas into polished UI concepts. I also learned how important restraint is in design.

🔮 Future Plans

Add character detail pages

Animated transitions between sections

Fight matchup interactions

❤️ Final Note

This is a fan-made, non-commercial project created to celebrate two iconic anime universes and explore creative web design through storytelling.

Day 1 – Idea & Design

Started with the idea of creating a modern glassmorphism UI using a full-screen video background. Designed the login page layout with a floating glass card and smooth typography for a premium look.

Day 2 – Login & Navigation

Built a demo login system using HTML, CSS, and JavaScript. Added fixed credentials (User ID: Prince, Password: 1234) and implemented page navigation from login to dashboard.

Day 3 – Dashboard & Profile

Created the dashboard layout with a sidebar and interactive elements. Designed a separate profile page featuring an avatar card, skill progress bars, and social/email icons to enhance personalization.

Day 4 – Performance & Hosting

Faced issues with large video files on GitHub. Solved this by hosting videos externally and loading them via direct URLs, improving performance and keeping the repository lightweight.

Day 5 – UI Polish & Final Touches

Refined animations, spacing, and responsiveness. Ensured smooth transitions, clean UI flow, and proper logout navigation back to the login page. Final testing focused on usability and visual consistency.

🔚 Final Outcome

A lightweight, responsive frontend web app showcasing glassmorphism design, smooth navigation, and creative UI decisions — built entirely with HTML, CSS, and JavaScript.

Today I started working on my hackathon project, a Magical Christmas Scene built using only HTML and CSS. I designed a festive UI with a warm color palette and added falling snow animation to create a winter vibe. The main focus was to keep the project lightweight, responsive, and visually appealing.

I added a starry night background, glowing elements, and styled the text to give it a soft holiday feel. I faced some alignment and layering issues while working with animations, but fixed them using proper positioning and z-index.

Next, I plan to improve animations, polish the UI, and add more interactive details to make the experience more magical.

I’m working on my first project! This is so exciting. I can’t wait to share more updates as I build.