DEV Community: Suryansh Sinha

From Zero to Deploy: Building My Personal Portfolio Website as a 2nd-year CS Student

Suryansh Sinha — Thu, 04 Jun 2026 08:20:43 +0000

I Built My Personal Portfolio Website 🚀

After spending time learning web development and working on personal projects, I decided to build a portfolio website to showcase my work in one place.

As a Computer Science student, I wanted something that was:

Fast and responsive
Clean and modern
Easy to navigate
A reflection of my skills and interests

🛠️ Tech Stack

HTML5
CSS3
JavaScript
Vercel (Deployment)

✨ Features

Responsive design
Smooth scrolling animations
Interactive UI elements
Project showcase section
Contact section
Modern dark theme

🖼️ Screenshots

📚 What I Learned

Building the portfolio taught me much more than just writing HTML and CSS.

Some things I improved while working on it:

Structuring a real-world frontend project
Creating reusable UI components
Improving website responsiveness
Optimizing performance
Deploying projects using Vercel
Managing project versions with Git and GitHub

🎯 Challenges

One of the biggest challenges was balancing aesthetics and performance.

I wanted the site to look modern while keeping it lightweight and responsive across different screen sizes.

Fine-tuning animations, layouts, and overall user experience took more time than expected, but it was worth it.

🔗 Links

Portfolio: https://suryanshsinhaportfolio.vercel.app

GitHub: https://github.com/sinxcos07/Suryansh-Portfolio

💬 Feedback Welcome!

I'd love to hear suggestions on improving the design, user experience, or project presentation.

Thanks for reading! 🚀

How I Built Hidden Collector Game in Unity

Suryansh Sinha — Sun, 31 May 2026 12:43:02 +0000

As part of my game development journey, I recently created Hidden Collector, a Unity-based game where players explore levels and collect hidden items while progressing through different challenges.

This project started as a way for me to improve my Unity and C# skills, but it quickly became an opportunity to learn about game design, UI systems, audio management, scene transitions, and player experience.

What I Worked On

While building Hidden Collector, I implemented:

Player movement and interactions
Collectible item systems
Multiple game levels
UI menus and game screens
Audio and sound effects
Progress tracking
Game flow and scene management

Challenges During Development

One of the biggest challenges was making different game systems work together smoothly.

Something as simple as collecting an item often required updates to UI elements, game state management, and progression systems. Debugging these interactions taught me a lot about organizing Unity projects and writing maintainable code.

What I Learned

This project helped me gain experience with:

Unity Engine
C# scripting
Game architecture
UI implementation
Audio management
Debugging and testing

Most importantly, I learned that building complete projects teaches far more than following tutorials.

Play the Game

You can try Hidden Collector here:

https://sinxcos07.itch.io/hiddencollector

Screenshots

What's Next?

I'm continuing to improve my game development skills by building new projects, experimenting with different mechanics, and learning more about creating engaging player experiences.

If you try the game, I'd love to hear your feedback.

By

Suryansh Sinha (sinxcos07)

Connect With Me

GitHub: https://github.com/sinxcos07

LinkedIn: https://www.linkedin.com/in/suryansh-sinha/

Play Hidden Collector: https://sinxcos07.itch.io/hiddencollector

AstroFit – My Fitness Tracking Web Application

Suryansh Sinha — Sun, 31 May 2026 12:33:19 +0000

By Suryansh Sinha (sinxcos07)

Introduction

Recently, I built AstroFit, a fitness-focused web application as a personal project to learn more about modern web development, deployment, databases, and building complete applications from idea to production.

This project helped me understand how different parts of a web application work together, from the user interface to backend functionality and deployment.

Why I Built AstroFit

I wanted to work on a project that felt practical and useful while also helping me improve my development skills.

Instead of creating a simple clone project, I decided to build a fitness application where I could experiment with real-world features and deployment workflows.

Development Journey

Building AstroFit involved much more than just creating pages and connecting them together.

Some of the areas I explored while working on this project included:

Frontend development
Backend integration
Database management
Authentication systems
Deployment and hosting
Debugging production issues

One of the biggest learning experiences was understanding how different technologies communicate with each other in a complete application.

Future Plans

I plan to continue improving AstroFit by adding more features, refining the user experience, and expanding its capabilities over time.

This project is still evolving, and I'm excited to keep working on it.

Project Links

Live Demo:

astrofit-fitness.vercel.app

GitHub:

sinxcos07 / astrofit-frontend

Fitness platform combining workout tracking and astrology-inspired personalization.

AstroFit

AstroFit is a modern fitness web application that combines workout tracking with astrology-inspired personalization to create a unique and engaging fitness experience.

Features

Modern responsive UI
Astrology-inspired fitness experience
Workout tracking interface
User authentication system
Backend integration
Smooth and interactive design
Mobile-friendly layout

Tech Stack

Frontend

HTML5
CSS3
JavaScript

Backend

Node.js
Express.js
SQLite
Supabase

Tools

Git
GitHub
Vercel

Live Demo

🔗 https://astrofit-fitness.vercel.app/

GitHub Repositories

Frontend

https://github.com/sinxcos07/astrofit-frontend

Backend

https://github.com/sinxcos07/astrofit-backend

Project Goal

AstroFit was built as an experimental project exploring the combination of fitness and astrology aesthetics into a single digital experience. The focus was on creating a visually engaging and interactive platform while learning frontend and backend development workflows.

Author

Developed by Suryansh Sinha (sinxcos07)

View on GitHub

Final Thoughts

AstroFit has been one of the most valuable projects I've worked on so far because it pushed me to learn beyond tutorials and actually build something from start to finish.

There is still a lot to improve, but every iteration teaches me something new.

Feedback is always appreciated.

Thanks for reading!

Suryansh Sinha (sinxcos07)
B.Tech CSE Student @ VIT
Intern at IIT Delhi

Connect With Me

GitHub: https://github.com/sinxcos07
LinkedIn: https://www.linkedin.com/in/suryansh-sinha/