Home

About

Skills

Projects

Contacts

Hello,

I'm Divyam

I design with purpose and build with precision.

With a strong focus on front-end development, UI/UX design, and Python programming, I specialize in crafting intuitive digital experiences. I'm driven by a passion for continuous learning, efficient problem-solving, and building solutions that deliver real-world impact.

Codolio / Github / LinkedIn / Resume

POR
TFO
LIO

Personal & Professional

Background

"Hey there! I’m Divyam Singh — a front-end developer, UI/UX designer, and Python programmer currently pursuing my B.Tech in Computer Science at NIT Hamirpur.

I’m passionate about crafting clean, responsive, and user-friendly web interfaces. With a solid foundation in HTML, CSS, JavaScript, Python, Git, Figma, and Tailwind CSS, I love turning ideas into interactive, functional digital experiences. Whether it’s refining a user journey or debugging a tricky feature, I’m all about building smart and elegant solutions.

Right now, I’m diving deep into the MERN stack to level up as a full-stack developer. I’m also constantly exploring new tools, design systems, and workflows to sharpen both my creative and coding skills.

Long-term? I hope to build products that not only look good and work great — but also make a real impact. Tech that’s thoughtful, purposeful, and fun to use — that’s the dream."

Things I'm Good At

MY SKILLS

A snapshot of the tools and technologies I bring to the table.

Front-end

HTML

CSS

JavaScript

Bootstrap

Tailwind

React JS

Back-end

C Language

Python

Node.js

Express.js

Database

MongoDB

Tools

Git

Github

Visual Studio Code

Atom

Figma

Notion

npm

Chrome DevTools

What I Have Built

MY PROJECTS

From concept to deployment—here’s what I’ve built so far.

Project Image

Project Image Hover

Himadriallinoneplatform

#Himadri All-in-One Platform – your hub for simplified tasks and services.

[ Aug 2025 - Present ]

Tech Stack:
Node.js, Express.js, MongoDB, Mongoose, JWT, bcryptjs, Nodemailer, Resend, CORS, React 19, Vite, Tailwind CSS, Axios, React Router DOM, Zustand, React Toaster, Nodemon, Cross-env

Hostel operations at NIT Hamirpur have long depended on manual, paper-based processes for notices, complaints, and mess updates. This often caused delays, miscommunication, and unnecessary paperwork, consuming both students’ and administrators’ time. To address these inefficiencies, we developed the HBH Digital Platform — a centralized web-based solution built to digitize and automate day-to-day hostel activities. The platform currently offers features like digital notices, online complaint submission, and a regularly updated mess menu. In the next phase, it will expand to include lost & found management, outpass requests, and snacks attendance tracking, making it a complete hostel management solution. The impact so far has been significant: the platform directly benefits over 500 students, saves more than 100 hours of paperwork every month, reduces manual errors by 60%, and improves communication efficiency by 3x. With continuous support from the hostel administration and active collaboration among the student team, HBH Digital Platform is paving the way for a smarter, faster, and more transparent hostel experience.

Repository

Live

Project Image

Project Image Hover

BridgeTheGap

#Empowering Expressions — One Sign at a Time.

[ Mar 2025 - Aug 2025 ]

Tech Stack:
Python, OpenCV, MediaPipe, ReactJS

Bridge the Gap is a real-time sign language to speech translator designed to empower individuals with hearing impairments by enabling seamless communication with the hearing population. Using a camera, the system captures hand gestures and translates them into audible speech through an AI-powered model and a text-to-speech engine. Built with computer vision and machine learning, it overcomes communication barriers by eliminating the need for human interpreters in everyday scenarios. From hospitals and classrooms to public spaces, it aims to foster accessibility, independence, and inclusion. With future potential to support multiple sign languages, mobile platforms, and two-way translation, Bridge the Gap is more than a tool — it’s a leap toward a more empathetic and connected world.

Repository

Live

Project Image

Project Image Hover

Portfolio V2

#Built to represent who I am. And who I’m becoming.

[ Jun 2025 ]

Tech Stack:
HTML, CSS, Tailwind CSS, JavaScript, Figma

I built this second version of my portfolio to better reflect my evolving skills, design sense, and passion for development. It’s a refined space where clean UI meets thoughtful interactivity — showcasing not just what I can do, but how far I’ve come. From responsive layouts to smooth transitions, every element is crafted with intent and dedication. This portfolio stands as a personal milestone — a step toward building more impactful, user-focused projects in the future, while marking real progress in my creative and professional journey.

Repository

Live

Project Image

Project Image Hover

Super Mario Game

#Jump, run, code — my journey into JS begins.

[ Jan 2025 ]

Tech Stack:
JavaScript

This Super Mario game was created using pure JavaScript as a practice project to build my confidence and hands-on experience with core frontend concepts. Through this project, I explored the fundamentals of the DOM, event listeners, functions, conditional logic, and real-time interactivity. It wasn’t just about recreating a nostalgic game — it was about understanding how JavaScript powers dynamic behavior in websites. This project played a major role in solidifying my understanding of scripting and gave me the practical edge I needed to advance further in frontend development.

Repository

Live

Project Image

Project Image Hover

Portfolio V1

#The start of something bold.

[ Dec 2024 - Jan 2025 ]

Tech Stack:
HTML, CSS

My very first attempt at building a personal website — crafted entirely with pure HTML and CSS. It wasn’t highly responsive, nor was the design fully mine, but completing it was a milestone that meant everything. It marked the moment I proved to myself that I could build and launch something on my own. More than just a project, it was the spark that ignited my interest in frontend development. Despite its simplicity, it gave me the confidence and clarity to pursue design and web development seriously — setting the foundation for everything I’ve built since.

Repository

Live

Get in Touch

"Whether it's an opportunity, a project idea, or even just a good
meme — I'm always open to connect. Let’s build, brainstorm, or
just share a laugh. Reach out!"