अपनत्व

Apnatva

सिंह

Singh

रावत

Rawat
Apnatva
/ˈʌp.nəː.tvə/
1. sense of belonging
2. digital designer
3. oneness

Searching for memorable designs.

test
FRONTENDBACKENDFULLSTACKUI/UXMARKETINGSEOAIAUTOMATIONWEBAPPSDESIGNERDEVELOPERENGINEERARCHITECT

B. Eng.

Computer Engineering First Class Honours

Current Job

Content & Branding Finance Company

Summary

My journey began in college, where I designed social media creatives and publication PDFs, exploring how layout and typography could tell attract and advertise. That phase grounded my appreciation for design as communication, not decoration. My early internships and work pulled me into software development. I worked on scripting, webapps, and automation pipelines learning to build systems that scale. My current job sits closer to branding, shaping how ideas translate visually across social platforms. Alongside this, I freelance and keep learning, connecting both sides of my craft. It's this harmony between ideas and technology that gives me an edge in bringing design to life.

UI/UX Toolbox

TypeScript Next.js GSAP, Motion.dev Shadcn, Tailwind CSS

Bento Grids are best viewed on Desktops!

Simplifying Project Timelines

Plan → Design → Build → Deploy

Step-1

Discovery & Requirements

  • Defining goals and aligning requirements
  • Audience, positioning, brand voice (draft)
  • Inspirations, sitemap draft and content inventory

Step-2

Wireframes & UX Flows

  • Low-fidelity layout structure per section and page
  • Defining critical requirements
  • Mobile-first reworks and accessibility pass

Step-3

Informative Reconciliation

  • Map drafts and ideas to initial requirements
  • Content model and reusable sections
  • Hosting Plans, data modelling and security discussions

Step-4

UI Design System

  • Typography scale, spacing, grid rules
  • Brand Guidelines and Logo Asset building
  • Building the final UI and defining the UX

Step-5

Build & Integrate CMS

  • Component implementation with reusable blocks
  • CMS schema + validation + previews
  • Performance budgets and image strategy

Step-6

QA, Performance, SEO

  • Cross-browser/device QA + edge cases
  • Trial website deployment for client satisfaction
  • Rework UI/UX and content as per requirements

Step-7

Deploy & Monitor

  • CI/CD, Docker VPS or Serverless deployments
  • Cloudfare CDN caching strategy and redirects
  • Optional Uptime + logging + analytics instrumentation

From Systems to Screens

TypeScript
Python
SQL
PayloadCMS
Tailwind
Next.js

Engineering roots, design-driven present.

I have built web applications, written automation and scraping scripts, and designed ML models and pipelines. My experience with Python, Go, Java, Docker, and Kubernetes gave me a solid understanding of backend systems, scalability, and production-grade architecture.

Currently, I am focussing on front-end design. I work extensively with TypeScript, Next.js, Tailwind CSS, Shadcn, GSAP, and PayloadCMS to create visually refined, interactive, and scalable web experiences. I now can design, develop, and deliver full-stack web-apps.

Some additional tools that I rely on
Shadcn
Git
Docker
Kubernetes
Supabase
Vercel

Curated Projects.

Solo & Group Projects

AI Traffic System
PythonPyTorchSUMO

Built as a part of my Final Year Thesis. The aim of the project was to decrease the reliance on hardware for automated traffic management. The algorithm relies on available GPS data from services like Google Maps for lane and traffic density. THe information is then processed via a Neural Net, training the Multi-Agent model using reinforcement learning techniques to minimise metrics like average wait times, and average queue length. The model was built using Python and PyTorch training the model from base. The simulation was ran on SUMO across 7 maps of varying complexity to track the success of the algorithm. Achieved a First Class Honours on this work.

Cyclistic Data Analysis
PythonSQLPandasTableau

Technical Project completed as part of the Google Data Analytics Certificate. The project demanded collection of yearly data in CSV format. The data was (E)xtracted, (L)oaded into an MSSQL database, and (T)ransformed for consistency and correctness. The data was analysed via Python scripts and Tableau visualisations to analyse daily, weekly, and monthly trends in data drawing insights and forming recommendations. The summarised data was loaded and visualised in Excel and exported to PowerPoint for the final presentation.

Emissions Tracking Software
PythonSQLNetworking

Group project completed as part of the Computer Networking Module at Trinity College Dublin. Leveraged a Raspberry Pi on a LAN to connect multiple devices to a blockchain. Demonstrated usecase of tracking car emissions on a blockchain to for public access and strictness. Used Python multi-threading to handle concurrent collections, block hash secured with SHA-256, SQLite to store and retrieve standard emission rates for cars, and auto-update blocks after every trip.

ML Data Lake Proprietary Code
PythonSeleniumSQL

Built a web scraper to scrape data in multiple Indian languages from Social Platforms like Facebook, Twitter, Google News, etc. Data was cleaned and stored in an MSSQL database to prepare to be fed into a LLM for processing and report the sentiment analysis of the public on specified topics. Used Python and Selenium to build the scraper handling data with standard REST APIs and browser scraping. Worked solo on the project developing a small GUI as well to aid the non-tech users in using the underlying technology.

Excel Automation Application
PythonPandasTkinter

Completed as part of a Freelancing job. Built a Python-based script (using only NumPy and Pandas) packaged with PyInstaller as a `.exe` to install on Windows and run independently. Consolidated data from 34 (files) x 5 (sheets) into 5 files. Reduced processing times from several days to minutes. Added features for after-processing to reduce even more human efforts in consolidating and cleaning data. Set up Excel macros to transform the final data into the required format, eliminating the need for manual work.

Sample UI Blocks
TypeScriptNext.jsShadcnTailwind CSS

Pre-cursor to a template based website builder. Offers a look into standalone components and blocks built with Shadcn primitives and styled with Tailwind. The components are built for reuse and utilise props and dynamically genreates them to let the user extend the functionality without any code changes. Currently hosted on vercel, and offering previews only at the moment.

A photo of AP holding a Book Inpired Lamp

Plans of
Tomorrow

Bringing Motion to Meaning

GSAP2D/3D AnimationsMotion.dev

Animation is where design breathes. I continue to push creative boundaries with two animation libraries GSAP and Motion.dev to make transitions feel deliberate and alive, inviting user interaction.

An image with text talking about the importance of animations in UI/UX

A Third Dimension

Three.js3D ModellingBlenderMeshy AI

Blender is an amazing tool that I have begun working with recently. I use Meshy for fast object creation, while I plan to use blender for product designing and scene development.

A creative with 3D Bird prop and text about the use of 3D in websites

Mastering the Principles

Master'sDesignInteractionInterface

I have always analysed tech products and thought about how I would go about designing them. I want to design products and interfaces that compliment them, to give users an experience that is unintrusive and seamless.

A creative talking about academic excellence

Learning from the System

DeveloperUI/UXDesigner

Every product has a lot of parts and great products are defined by the harmony between these parts. One person cannot do everything, so I want to work with creators and learn how a design goes from ideation to delivery.

A creative asking about living in the moment and attracting good energy

Building My Simulation

DesignStorytellingEntrepreneur

I want to establish my own design studio creating stories, experiences, products. My biggest motivations for this dream are Pininfarina, Virgil's OFF-WHITE designs, and Jony Ive's IO and earlier work. I am inspired to merge function with emotion and be an excellent digital storyteller and designer.

A creative talking about a journey through time and hoping it was worth it.

My UI Component Library was initially to showcase what I can build, letting clients `shop` sections for their sites, while acting as a foundation for refinement. Built with Shadcn UI and Tailwind, it's dynamic, reusable, and theme-ready. A eureka moment led to me working to integrate MCP. It'll evolve into an AI-driven design system trained to create with my taste. Currently the library only hosts simple components, the blocks get creative, and full websites take it further.

Components
0+
Blocks
0+
Days Spent
0+
A photo of AP with a Kanji background

Between Work

Crafting experiences, on-screen and off.

photo near the Taj Mahal
17866820963288583
A photo of Hindu God in Bali
A photo of the sea near Savaya, Bali
A photo of variouse houses by the canal side in Egypt
diwali fireworks
black and white photo of a hand on a porch in Egypt
A photo of Sleeping Buddha in a Pagoda in Vietnam
A photo of the edge of a cliff near the Uluwatu Temple in Bali
A photo of the enginer of a Lamborghini
a cave near mount abu, rajasthan
A photo showing a trekker and the Kedarkantha peak
A photo of a trekker in Sirmaur
A photo of a view form the Dragon Hill in Vietnam

Connect to My Mainframe

The Simulation is always running.